Click here to Skip to main content
15,860,972 members
Articles / Desktop Programming / WPF

WPF Folder Browser

Rate me:
Please Sign up or sign in to vote.
4.87/5 (17 votes)
6 Nov 2010Ms-PL2 min read 177.3K   9.2K   54   21
A WPF folder browser

Introduction

This is a folder browser for WPF similar to the one found in Windows forms. WPF currently does not provide a Folder browser dialog and the only thing near enough is the Microsoft.Win32.OpenFileDialog class in WPF's PresentationFramework.dll assembly which lets users specify multiple files to open.

Image 1

Using the Code

The code contains only one XAML file which houses different parts of the dialog. The dialog is loosely based on the Windows file/ folder dialog model as it has a commonly selected folder area and a Windows explorer style treeview. The selected folder is displayed in the textbox at the bottom of the dialog. The code uses MVVM and has a dependency on the latest prism binaries but this is for the DelegateCommand only. The main ViewModel which the dialog binds to is the BrowserViewModel, this initializes the treeview to point to all the drives on the machine. It has a SelectedFolder property & a FolderSelected DelegateCommand which is invoked when the user selects a common folder on the left.

C#
public DelegateCommand<object> FolderSelectedCommand
     {
         get
         {
             return new DelegateCommand<object>(it => SelectedFolder = 
		Environment.GetFolderPath((Environment.SpecialFolder)it));
         }
     }

The folders themselves are expressed in terms of a FolderViewModel which takes an ObservableCollection of FolderViewModels to represent sub folders. The treeview in the folder dialog is bound to this FolderViewModel. The FolderViewModel implements IsExpanded & IsSelected properties to add functionality to the TreeViewItem state, i.e., to dynamically load sub folders on selection/expansion of a node. Selecting a node also expands it similar to the Windows Explorer.

C#
private void LoadFolders()
     {
         try
         {
             if (Folders.Count > 0)
                 return;

             string[] dirs = null;

             string fullPath = Path.Combine(FolderPath, FolderName);

             if (FolderName.Contains(':'))//This is a drive
                 fullPath = string.Concat(FolderName, "\\");
             else
                 fullPath = FolderPath;

             dirs = Directory.GetDirectories(fullPath);

             Folders.Clear();
             
             foreach (string dir in dirs)
                 Folders.Add(new FolderViewModel 
                 { Root = this.Root, FolderName = Path.GetFileName(dir), 
                 FolderPath = Path.GetFullPath(dir), 
                 FolderIcon = "Images\\FolderClosed.png" });

             if (FolderName.Contains(":"))
                 FolderIcon = "Images\\HardDisk.ico";

             Root.SelectedFolder = FolderPath;
         }
         catch (UnauthorizedAccessException ae)
         {
             Console.WriteLine(ae.Message);
         }
         catch (IOException ie)
         {
             Console.WriteLine(ie.Message);
         }
     }

Points of Interest

One of the things I came across while creating this control was that the WPF binding for the SpecialFolder enum in the Environment class did not work. Initially I thought that this was due to the enum being nested, but actually it is due to the fact that nested types are not supported in XAML. A workaround for this was to append a '+' instead of a '.' for the nested enum (e.g.: Environment+SpecialFolder.Desktop).

History

  • 14th October, 2010: Initial version
  • 15th October, 2010: Added Prism binaries to download zip

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)


Written By
Software Developer
United Kingdom United Kingdom
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralThis is good Pin
MayFly112424-Nov-14 17:42
MayFly112424-Nov-14 17:42 
GeneralMy vote of 3 Pin
thund3rstruck9-Oct-14 9:39
thund3rstruck9-Oct-14 9:39 
QuestionMemory Usage Jumps to almost 2GB Pin
thund3rstruck9-Oct-14 9:39
thund3rstruck9-Oct-14 9:39 
QuestionLife saving example Pin
Hatzy14-Jun-12 21:59
Hatzy14-Jun-12 21:59 
GeneralMy vote of 5 Pin
jonnyboy8220-Mar-12 23:50
jonnyboy8220-Mar-12 23:50 
GeneralMy vote of 5 Pin
Erik Rude12-Mar-12 5:41
Erik Rude12-Mar-12 5:41 
QuestionUnable to open your codes Pin
jason27265-Jan-12 14:55
jason27265-Jan-12 14:55 
AnswerRe: Unable to open your codes Pin
Derek Cooper23-Jan-12 3:43
Derek Cooper23-Jan-12 3:43 
Questionthank you Pin
anthride6-Nov-11 5:06
anthride6-Nov-11 5:06 
QuestionNew Functionality Pin
sean ireson15-Sep-11 9:28
sean ireson15-Sep-11 9:28 
AnswerRe: New Functionality Pin
Erik Rude12-Mar-12 5:40
Erik Rude12-Mar-12 5:40 
GeneralDoes this code sample availble in 3.5 ? Pin
danies813-Sep-11 4:22
danies813-Sep-11 4:22 
Hi,

Does this code sample availble in 3.5

Thanks,
Daniel Shitrit
yael_b4@yahoo.com
Questionthanks Pin
zhujinlong1984091316-Aug-11 21:18
zhujinlong1984091316-Aug-11 21:18 
QuestionThanks this saved me some time. Found a bug. Pin
Arsine59-Jul-11 12:34
Arsine59-Jul-11 12:34 
GeneralVery-2 good Article Pin
Jaikrishan3-Jun-11 0:25
Jaikrishan3-Jun-11 0:25 
GeneralMy vote of 5 Pin
Slacker00727-Dec-10 7:16
professionalSlacker00727-Dec-10 7:16 
GeneralGood Pin
shakil03040037-Nov-10 3:23
shakil03040037-Nov-10 3:23 
QuestionDo you know about CommonOpenFileDialog ? Pin
Aybe19-Oct-10 6:31
Aybe19-Oct-10 6:31 
AnswerRe: Do you know about CommonOpenFileDialog ? Pin
mohammed shareef22-Oct-10 5:11
mohammed shareef22-Oct-10 5:11 
GeneralPrism Binaries Pin
sam.hill15-Oct-10 7:38
sam.hill15-Oct-10 7:38 
GeneralRe: Prism Binaries Pin
mohammed shareef15-Oct-10 13:00
mohammed shareef15-Oct-10 13:00 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.