Displaying List of Folders and Files using TreeView in WPF

In this article We are going to see how we can use TreeView control to display the List of Folders and Files present in a particular drive or location on your computer using WPF.

1. Create a WPF Application project in C# and name it as "FolderNavigationDemo".


2. Add a class to this project and name it as "Folder". This class has four properties as listed below.
a,Name: It contains the name of the folder.
b,FullPath: It contains the Full Path of the folder.
c,Files: It contains the list of files present in a directory.
d,SubFolders: It returns the subdirectories present in the current directory.

3. The code for the Folder class is shown below:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.IO;

namespace FolderNavigationDemo
{
  public  class Folder
    {
        private DirectoryInfo _folder;
        private List _subFolders;
        private List _files;

        public Folder()
        {
            this.FullPath = @"C:\";

        }

        public string Name
        {
            get
            {
                return this._folder.Name;
            }
            set
            {
            }
        }

        public string FullPath
        {
            get
            {
                return this._folder.FullName;
            }
            set
            {
                if (Directory.Exists(value))
                {
                    this._folder = new DirectoryInfo(value);
                }
                else
                {
                    throw new ArgumentException("Directory must exist", "full path");
                }
            }
        }

        public List Files
        {
            get
            {
                if (this._files == null)
                {
                    this._files = new List();
                    FileInfo[] fi = this._folder.GetFiles();
                    for (int i = 0; i < fi.Length; i++)
                    {
                        this._files.Add(fi[i]);
                    }
                }
                return this._files;
            }
        }

        public List SubFolders
        {
            get
            {
                if (this._subFolders == null)
                {
                    this._subFolders = new List();
                    DirectoryInfo[] di = this._folder.GetDirectories();
                    for (int i = 0; i < di.Length; i++)
                    {
                        Folder newFolder = new Folder();
                        newFolder.FullPath = di[i].FullName;
                        this._subFolders.Add(newFolder);

                    }
                }
                return this._subFolders;
            }
        }
    }
}

<Window x:Class="FolderNavigationDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:my="clr-namespace:FolderNavigationDemo"
        Title="Folder Navigation" Height="350" Width="525">
    <Window.Resources>
        <ObjectDataProvider  x:Key="MainFolderDataProvider">
            <ObjectDataProvider.ObjectInstance>
                <my:Folder  FullPath="c:\"></my:Folder>
            </ObjectDataProvider.ObjectInstance>
        </ObjectDataProvider>
        <HierarchicalDataTemplate DataType="{x:Type my:Folder}" ItemsSource="{Binding Path=SubFolders}">
            <TextBox Text="{Binding Path=Name}"></TextBox>
        </HierarchicalDataTemplate>
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="2*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
       <TreeView Grid.ColumnSpan="1" Grid.RowSpan="2" Margin="0,0,0,0" Name="trvFiles">
            <TreeViewItem ItemsSource="{Binding Path=SubFolders, Source={StaticResource MainFolderDataProvider}}" Header="Folders"></TreeViewItem>
        </TreeView>
        <ListView  Name="lvSubFolders" ItemsSource="{Binding Path=SelectedItem.SubFolders,ElementName=trvFiles, Mode=OneWay}" Grid.Column="1" Grid.RowSpan="1"></ListView>
        <ListView  Name="lvFiles" ItemsSource="{Binding Path=SelectedItem.Files,ElementName=trvFiles, Mode=OneWay}" Grid.Column="1" Grid.Row="1"></ListView>
         </Grid>
</Window>