两种方法创建WPF目录树TreeView和GridView数据绑定

 效果



定义数据结构

public class DirectoryInformation

{

    public DirectoryInfo Info { get; set; }

    public IEnumerable<FileInfo> Files

    {

        get

        {

            return Info.GetFiles();

        }

    }

    public IEnumerable<DirectoryInformation> Directories

    {

        get

        {

            try

            {

                return from di in Info.GetDirectories() select new DirectoryInformation { Info = di };

            }

            catch (Exception)

            {

                return null;

            }

        }

    }

}

方法一，在CS代码中自动生成列，并绑定数据

UI界面代码

<Grid Grid.Row="1" x:Name="leftPanel">

    <Grid.ColumnDefinitions>

        <ColumnDefinition Width="30*"/>

        <ColumnDefinition Width="Auto"/>

        <ColumnDefinition Width="70*"/>

    </Grid.ColumnDefinitions>

    <TreeView Grid.Column="0" x:Name="leftDirectoryTree">

        <TreeView.Resources>

            <HierarchicalDataTemplate DataType="{x:Type fileio:DirectoryInformation}" ItemsSource="{Binding Directories}">

                <StackPanel Orientation="Horizontal">

                    <TextBlock Text="{Binding Info.Name}"/>

                </StackPanel>

            </HierarchicalDataTemplate>

        </TreeView.Resources>

    </TreeView>

    <GridSplitter Grid.Column="1" Width="2" HorizontalAlignment="Center" VerticalAlignment="Stretch"/>

    <ListView Grid.Column="2" ItemsSource="{Binding ElementName=leftDirectoryTree, Path=SelectedItem.Files}">

        <ListView.View>

            <GridView x:Name="leftDetailView">

            </GridView>

        </ListView.View>

    </ListView>

</Grid>

CS代码

public MainWindow()

{

    InitializeComponent();

    LoadFilePanel();

}

private void LoadFilePanel()

{

    LoadDirectoryTree();

    LoadDetailView();

}

private void LoadDirectoryTree()

{

    var drives = new ObservableCollection<DirectoryInformation>();

    foreach (var drive in DriveInfo.GetDrives())

    {

        drives.Add(

            new DirectoryInformation

            {

                Info = new DirectoryInfo(drive.RootDirectory.FullName)

            }

        );

    }

    leftDirectoryTree.ItemsSource = drives;

}

private void LoadDetailView()

{

    List<string> requiredProperties = new List<string>

    {

        "Name", "Length", "IsReadOnly", "LastWriteTime"

    };

 

    foreach (string name in requiredProperties)

    {

        GridViewColumn colmun = new GridViewColumn { Header = name };

        Binding binding = new Binding(name);

        colmun.DisplayMemberBinding = binding;

        leftDetailView.Columns.Add(colmun);

    }

}

方法二，修改以上代码，在XAML中设置固定列，并绑定数据

<ListView Grid.Column="2" ItemsSource="{Binding ElementName=leftDirectoryTree, Path=SelectedItem.Files}">

    <ListView.View>

        <GridView x:Name="leftDetailView">

            <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}"/>

            <GridViewColumn Header="Length" DisplayMemberBinding="{Binding Length}"/>

            <GridViewColumn Header="LastWriteTime" DisplayMemberBinding="{Binding LastWriteTime}"/>

        </GridView>

    </ListView.View>

</ListView>

CS代码，只需要加载目录树即可

private void LoadFilePanel()

{

    LoadDirectoryTree();

} 

 

另外，设置DataTemplate可以自定义每个单元格的显示效果，具体可以再网上搜索一下。

List

<DataTemplate>

<StackPanel
Orientation="Horizontal"
x:Name="richNameContainer">

<Image
Source="{Binding
FullName,
Converter={StaticResource
pathToSmallIcon}}"/>

<Grid>

<TextBlock
x:Name="fileName"
Margin="3,3"
Text="{Binding
Name}"/>

</Grid>

</StackPanel>

</DataTemplate>

Tile

<DataTemplate
x:Key="tileViewTemplate">

<StackPanel
Height="110"
Width="80">

<Image
Source="{Binding
FullName,
Converter={StaticResource
pathToLargeIcon}}"/>

<Grid
HorizontalAlignment="Center">

<TextBlock
x:Name="fileName"
Text="{Binding
Name}"
TextWrapping="Wrap"/>

</Grid>

</StackPanel>

</DataTemplate>