WPF中如何根据数据类型使用不同的数据模板

我们在将一个数据集合绑定到列表控件时，有时候想根据不同的数据类型，显示为不同的效果。

例如将一个文件夹集合绑定到ListBox时，系统文件夹显示为不同的效果，就可以使用模板选择器功能。

WPF提供了一个模板选择器类型DataTemplateSelector，它可以根据数据对象和数据绑定元素来选择 DataTemplate。

 

使用方法

创建一个类，继承自DataTemplateSelector，并重写SelectTemplate方法。

类似下面这样

using System.Windows;
using System.Windows.Controls;

namespace SDKSample
{
    public class TaskListDataTemplateSelector : DataTemplateSelector
    {
        public override DataTemplate
            SelectTemplate(object item, DependencyObject container)
        {
            FrameworkElement element = container as FrameworkElement;

            if (element != null && item != null && item is Task)
            {
                Task taskitem = item as Task;

                if (taskitem.Priority == 1)
                    return
                        element.FindResource("importantTaskTemplate") as DataTemplate;
                else
                    return
                        element.FindResource("myTaskTemplate") as DataTemplate;
            }

            return null;
        }
    }
}

 

下面我们使用ListBox和TreeView进行演示

 

ListBox的使用示例

我们先定义如下的数据模型

 public class FileData
 {
     public string FileName { get; set; }
 }

 public class FileData1 : FileData
 {
     public string FileData1Property { get; set; }
 }

 public class FileData2:FileData
 {
     public string FileData2Property { get; set; }
 }

 

然后定义一个资源字典，分别在里面定义两种数据的数据模板

<DataTemplate x:Key="FileData1Datatemplate">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Label Content="{Binding FileName}" FontSize="20" Foreground="Green"></Label>
        <Label Content="{Binding FileData1Property}" Grid.Column="1" VerticalAlignment="Center"></Label>
    </Grid>
</DataTemplate>

<DataTemplate x:Key="FileData2Datatemplate">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Label Content="{Binding FileName}" FontSize="16" Foreground="Red"></Label>
        <Label Content="{Binding FileData2Property}" Grid.Column="1" VerticalAlignment="Center"></Label>
    </Grid>
</DataTemplate>

 

添加测试数据

 List<FileData> fileDatas = new List<FileData>();
 FileData1 fileData1 = new FileData1();
 fileData1.FileName = "1.jpg";
 fileData1.FileData1Property = "1.jpg property";
 FileData2 fileData2 = new FileData2();
 fileData2.FileName = "2.jpg";
 fileData2.FileData2Property = "2.jpg property";
 fileDatas.Add(fileData1);
 fileDatas.Add(fileData2);
 this.listbox.ItemsSource = fileDatas;

 

然后再为ListBox设置DataTemplateSelector

 this.listbox.ItemTemplateSelector = new ItemDataTemplateSelector();

 

运行效果如下：