WPF学习笔记 - 控制数据的呈现

 

 WPF提供了两种机制来定制如何获得源值，以及如何显示。

1. 数据模板

数据模板是一种用户界面，当它显示时，可以应用到任何一个.NET对象上。许多WPF控件有一些DataTemplate类型的属性，可以用来添加数据模板。例如，ContentControl有一个ContentTemplate属性，可以控制Content对象的呈现；而ItemControl有一个ItemTemplate属性，会被应用到每一个项；HeaderContentControl有一个HeaderTemplate属性可以控制Header对象的呈现等等。

DataTemplate有一个VisualTree内容属性，可以设置它为任何一颗FrameworkElement元素树。例如：

<ListBox x:Name="pictureBox" >

ItemSource="{Source={StaticResource photos}}"

<ListBox.ItemTemplate>

<DataTemplate>

<Image Source="picture1.jpg" Height="35">

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox >

下面改进的例子是让每一个项的源指向各自的内容：

<ListBox x:Name="pictureBox" >

ItemSource="{Source={StaticResource photos}}"

<ListBox.ItemTemplate>

<DataTemplate>

<Image Source="{Binding Path=FullPath}" Height="35">

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox >

 DataTemplate不需要被内联声明，一般是作为一个资源，只需要指定它的DataType为特定的类型即可被自动应用到指定的属性上。另外，它还有一个专门为层次数据（如XML和文件系统）设计的子类，叫做HierarchicalDatatemplate。它除了可以控制数据呈现，还可以直接把层次对象绑定到一个天生可以理解层次的元素上，比如TreeView和Menu控件。

 

2. 值转换器

<Label Backgroud="{Binding Path=Count, Source={StaticResource photos}}"/>

这样的设置显然是没有用的，因为Count是一个整数而不是Brush类型，这样就需要一个转换器来实现转变。如：

<Label Backgroud="{Binding Path=Count, Converter={StaticResource myConverter},Source={StaticResource photos}}"/>

其中myConverter是定义在资源里的一个自定义类，它负责把一个整数转换为一个Brush，比如：

<Window.Resources>

<Local:CountToBackgroudConverter x:key="myConverter"/>

</Window.Resources>

而定义在代码里的类CountToBackgroudConverter则必须实现IValueConverter接口（在System.Windows.Data中），该接口包含两个方法，Convert和ConvertBack。比如：

Public class CountToBackgroudConverter : IValueConerter

{

Public object Convert(object value, Type targetType, object parameter, CultureInfo culture)

{

if(targetType != typeof(Brush))

throw new InvalidOperationException("The target must be a Brush!");

int num = int.Parse(value.ToString());

return (num == 0 ? Brushes.Yellow : Brushes.Transparent);

}

Public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)

{

throw new NoSupportedException();

}

}