WPF之各种数据
在Silverlight和WPF中数据绑定都是使用Binding表达式来进行数据的绑定，当然这种方法的优点不仅仅是使用简单，和其强大的功能也存在直接的联系。
先看个Sample吧：
<Grid> <Grid.Resources> <local:User x:Key="currentUser"></local:User> </Grid.Resources> <Grid.RowDefinitions> <RowDefinition Height="35"></RowDefinition> <RowDefinition Height="35"></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <TextBlock Grid.Column="0" Margin="5">Name:</TextBlock> <TextBox Grid.Column="1" Margin="5" Text="{Binding Name,Source={StaticResource currentUser}}"></TextBox> <TextBlock Grid.Column="0" Margin="5" Grid.Row="1">Age:</TextBlock> <TextBox Grid.Column="1" Margin="5" Grid.Row="1" Text="{Binding Age,Source={StaticResource currentUser}}"></TextBox> </Grid>
此段代码中在在Grid中定义了一个资源,为一个实体类的对象(User为自定义实体)，在TextBox中使用Binding的方式进行绑定数据，Source指定数据源为静态资源中的定义的对象(通过key来指定)。
上边代码仅仅指定了Binding表达式，并没有指定何时进行数据源的更新，所以上述的TextBox可以进行以下修改：
<TextBox Grid.Column="1" Margin="5" Text="{Binding Name,Source={StaticResource currentUser}, UpdateSourceTrigger=PropertyChanged}"></TextBox>
在Binding中增加了UpdateSourceTrigger的属性设置，设置的值的为当值改变时候通知数据源。
Mode:
上述例子中并没有使用到Mode属性，那是因为TextBox的Text属性默认为TwoWay(吼吼，和Silverlight有不同哦)，所以是不需要的，但是还是要进行解释。
Mode一共有好几个值可选，但是呢常用的有以下几个：
OneWay:表示仅从数据源更新到控件,比如当数据源有了修改,则界面会立即更新；
TwoWay:表示既从数据源更新到控件,也从数据源更新到服务端,比如当界面中的控件(Combobox控件，此处真的不能举例TextBox)发生了值的改变，那么对应的DataContext中控件的绑定的属性也会发生改变；
OneWatToSource:此属性在Silverlight中是没有的哦，作用是从控件更新到数据源对象。
WPF中的数据源绑定方式：
1.Source，一般来说值ItemsSource或者拥有此类似的属性，一般会绑定自己的对象。
2.ElementName，一般用于元素之间的绑定，比如将TextBlock的值绑定为某一个Silder的值。
3.RelativeSource 用于指定数据源的相对位置，例如我们都知道在DataGrid的模板中的Button无法触发Command，那么怎么办呢？哈哈，有了RelativeSource一切都变的那么简单。
<DataGrid> <DataGrid.Columns> <DataGridTemplateColumn> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Button Command="{Binding Path=EditCommand, RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type Window}}}"></Button> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid>
是不是很简单呢，FindAncestor表示将从目标对象沿着元素树向上查找，AncestorType表示需要查找的对象类型。即将从目标对象为起点，沿着元素树往上查找，直至找到第一个类型为Window的对象作为数据源。 RelativeResourceMode,除了FindAncestor之外还有三个值： Self，数据源即为当前的元素本身，用于元素的几个属性之间的绑定
<Style x:Key="textBoxInError" TargetType="{x:Type TextBox}"> <Style.Triggers> <Trigger Property="Validation.HasError" Value="true"> <Setter Property="ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=(Validation.Errors)[0].ErrorContent}"/> </Trigger> </Style.Triggers> </Style>
PreviousData：多用在列表中，允许您绑定所显示数据项列表中以前的数据项（不是包含数据项的控件）。
TemplateParent：表示拥有该模板的父类，引用应用了模板（其中有数据绑定元素）的元素。 这类似于设置 TemplateBindingExtension，并仅当 Binding 在模板中时适用。
INotifyPropertyChanged接口:
在工作中有时候会发现明明Binding正确，也指定了正确的Mode，数据源还是无法通知到界面，那么恭喜你很有可能是你的实体类没有实现INotifyPropertyChanged接口。INotifyPropertyChanged接口用我自己的解释就是用于通知界面属性改变了，是不是很通俗的解释，它的功能也的确是这样的，只不过你需要自己写实现的代码哦：
private string _name; public string Name { get { return _name; } set { if (_name != value) { _name = value; OnPropertyChanged("Name"); } } } public event PropertyChangedEventHandler PropertyChanged; private void OnPropertyChanged(string propertyName) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } }
实现INotifyPropertyChanged的目的是要进行对PropertyChanged 事件进行调用，当然前提是要自己写一个OnPropertyChanged这样的方法，参数就是属性的名字，在方法中判断当有属性改变事件不为空(即有属性值发生了改变)，则对属性进行通知，这样Binding了此属性的控件就会得到更新。
UpdateSourceTrigger:
从字面意思就可以理解，是更新数据源的触发器，即何时从目标对象(往往指的是绑定属性的控件)更新到数据源(UpdateSourceTrigger也是一个枚举)。
1.LostFocus：目标对象失去焦点(控件失去焦点);
2.PropertyChanged：表示目标对象值发生改变(控件的值进行了改变)；
3.Explicit：显式的通知，一般来说为在后置代码中手动调用UpdateSource方法；
4.Default：Binding的UpdateSourceTrigger属性大部分都为PropertyChanged。而Text属性考虑到了效率的问题，则是LostFocus。
IValueConverter：
值转换 IValueConverter 值转换比较实用的，比如数据库中保存的男女为1和0，而希望显示在界面上的为男和女，另外也希望在编辑界面上选择男女之后可以转换为1和0便于保存到数据库。 有了IValueConverter此需求变的非常简单，值转换类实现IValueConverter接口，需要实现Convert和ConvertBack方法，通过Convert方法转换为要显示的数据，通过ConvertBack将值更新到数据源去。
Sample:
public class SexConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { if (value != null) { if ((int)value == 0) { return "男"; } else if ((int)value == 1) { return "女"; } } return null; } public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { if (value != null) { if (value == "男") { return 0; } else if (value == "女") { return 1; } } return 0; } }
此例子为转换性别的，假设数据库中存放的为数字，而希望在界面上显示的为字符串，这时候我们就可以通过IValueConverter的转换。此接口有两个方法Convert和ConvertBack，前者为将元素(控件)绑定的值(即方法中的第一个参数Value)转换为你想要的任何格式(或者是任何逻辑的值)的值；后者为将元素中的值转换为数据源对应格式的值。例子中为在界面上显示为字符串"男女"，而数据库为数字“0，1”，所以就需要在Convert方法中转换为字符串，而在ConvterBack方法中转成数据库一致的数字。
使用场景：一般来说IValueConverter使用在希望将Binding的值进行处理，不管是进行格式的格式化或者是进行逻辑的判断得到具体的值，甚至说可以根据值来返回一个颜色影响到文本的状态。
既然说到了ValueConverter我就多说几句，除了上述的IValueConverter之外还有一个很厉害的类型转换，它就是TypeConverter.
自定义数据验证
Binding的ValidationRules属性是数据验证规则的集合,要实现自定义的数据验证,则要继承自一个抽象类ValidationRule,其中必须实现Validate方法,如下的一个验证是否为数字的自定义验证类:
class NumberRule : ValidationRule { public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo) { int number; if (int.TryParse(value.ToString(), out number) == false) { return new ValidationResult(false, "输入了非法的数字!"); } return ValidationResult.ValidResult; } }
使用方法如下： 其中Binding.ValidationRules为验证规则集合，可以放多个要验证的(继承自ValidationRul)类，另外要设置ValidatesOnDataErrors为true，这样才可以进行显示错误，最重要的一点是ToolTip，此处我们绑定了ToolTip为错误的文本。在这里使用的时RelativeSource相对资源的方式，Self表示TextBox的本身，Validation.Errors为附加属性，是ValidationError的集合，当数据出现非法的时候，就会创建ValidationError对象到集合中。由于每次验证时候都会清空集合，所以使用的时第一个ValidationError对象。ErrorContent是ValidationError的属性，此属性就是我们自定义ValidationRule中Validate方法中返回的ValidationResult的第二个参数值。
<TextBox Grid.Row="0" Height="30" Width="200" Background="LightBlue" ToolTip="{Binding RelativeSource={RelativeSource Self},Path=(Validation.Errors)[0].ErrorContent}"> <TextBox.Text> <Binding Path="Age" ValidatesOnDataErrors="True" UpdateSourceTrigger="PropertyChanged"> <Binding.ValidationRules> <local:NumberRule></local:NumberRule> </Binding.ValidationRules> </Binding> </TextBox.Text> </TextBox>
当输入非数字的字符时候，则会使边框显示为红色，同时这里使用ToolTip来显示错误信息，显示效果如下： 
ErrorTemplate(错误消息模版): 默认的错误消息是以红色边框来显示的，上例子中我们还使用了ToolTip来显示错误文本。
<ControlTemplate x:Key="validationTemplate"> <DockPanel> <TextBlock Foreground="Red" FontSize="20">!</TextBlock> <AdornedElementPlaceholder/> </DockPanel> </ControlTemplate>
上述代码为一个自定义验证模板的代码，此时出现错误则会在控件的左侧显示红色叹号，如下效果:
代码中比较疑惑的地方就是，AdornedElementPlaceholder标签(表示用于 ControlTemplate 的元素指定了装饰的控件位置放置相对于其他元素在 ControlTemplate。),此处相对的控件就是TextBox控件。
开始使用验证模板：
<TextBox Name="StartDateEntryForm" Grid.Row="3" Grid.Column="1" Validation.ErrorTemplate="{StaticResource validationTemplate}" Style="{StaticResource textStyleTextBox}" Margin="8,5,0,5"> <TextBox.Text> <Binding Path="StartDate" UpdateSourceTrigger="PropertyChanged" Converter="{StaticResource dateConverter}" > <Binding.ValidationRules> <src:FutureDateRule /> </Binding.ValidationRules> </Binding> </TextBox.Text> </TextBox>
通过指定Validation.ErrorTemplate为静态的资源key即可。
数据的验证过程:(摘抄自WPF葵花宝典)
数据验证和值转换不同，数据验证只发生在从目标到数据源转换的过程中，即数据验证只能在模式为TowWay或者OneWayToSource的两种绑定。ValidationRule的ValidationStep属性用来标识ValidationRule的Validate函数的调用顺序，它有4种不同的枚举值，即RawProposedValue,ConvertedProposedValue,UpdateValue,CommitedValue.
(1)如果有自定义的ValidationRule，WPF则会首先调用值为RawProposedValue(ValidationStep)的Validate函数。如果验证不合法，该过程结束；否则继续。
（2）如果有值转换类，WPF会调用值转换类的ConvertBack函数。如果转换不成功，该过程结束；否则继续。
（3）WPF会继续检查值为ConvertedProposed的自定义ValidationRule，调用其Validate函数。如果验证不合法，该过程结束；否则继续。
（4）WPF设置数据源的属性值。
（5）WPF继续检查值为UpdateValue的自定义ValidationRule，调用其Validate函数。如果验证不合法，该过程结束；否则继续。
（6）WPF检查值为CommitedValue的自定义ValidationRule，调用其Validate函数，整个验证过程结束。
数据模板：
数据模板和控件模板类似，但是前者是用来定义数据的可视化外观，后者是用来定义整个控件的可视化外观。
<ListBox.ItemTemplate> <DataTemplate> <Border BorderThickness="1" BorderBrush="Black"> <Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="40"></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <TextBlock Grid.Row="0" Grid.Column="0" Text="姓名:"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="0" Text="年龄:"></TextBlock> <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Name}"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=Age}"></TextBlock> </Grid> </Border> </DataTemplate> </ListBox.ItemTemplate>
上述代码就是一个简单的DataTemplate例子，使ListBox的ItemTemplate模板作为一个两行两列的Grid，放置了四个TextBlock用于显示信息。
当然，DataTemplate也可以控件模板一样做成资源，供多个地方使用:
<DataTemplate x:Key="listboxItemDataTemplate"> <Border BorderThickness="1" BorderBrush="Black"> <Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="40"></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <TextBlock Grid.Row="0" Grid.Column="0" Text="姓名:"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="0" Text="年龄:"></TextBlock> <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Name}"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=Age}"></TextBlock> </Grid> </Border> </DataTemplate>
这就是一个资源形式的DataTemplate，在ListBox中设置属性ListTemplate="{StaticResourcelistboxItemDataTemplate}"即可。
更甚至，可以设置同一类元素的DataTemplae，此时就需要设置DataTemplate的DataType即可：
<DataTemplate DataType="{x:Type local:Person}"> <Border BorderThickness="1" BorderBrush="Black"> <Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="40"></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <TextBlock Grid.Row="0" Grid.Column="0" Text="姓名:"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="0" Text="年龄:"></TextBlock> <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Name}"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=Age}"></TextBlock> </Grid> </Border> </DataTemplate>
和之前代码的唯一区别就是将key替换了DataType，DataType类似于样式的TargetType属性，可以自动应用到所有类型为Person的对象，当然也无需在ListBox中指定ListItemTemplate。
集合视图：
集合视图可以进行过滤，排序和分组。集合视图实现自ICollectionView接口，可以在不改变数据集的情况下过滤，分组和排序数据。数据集合数据视图是一对多的关系，并且当目标直接绑定数据源时，WPF也会为数据源创建一个默认的数据视图。
Demo：
<Window.Resources> <local:People x:Key="personSource"></local:People> <CollectionViewSource Source="{Binding Source={StaticResource personSource}}" x:Key="listingDataView"></CollectionViewSource> <DataTemplate DataType="{x:Type local:User}"> <Border BorderThickness="1" BorderBrush="Black" MinWidth="300"> <Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="40"></ColumnDefinition> <ColumnDefinition Width="*"></ColumnDefinition> </Grid.ColumnDefinitions> <TextBlock Grid.Row="0" Grid.Column="0" Text="姓名:"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="0" Text="年龄:"></TextBlock> <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Name}"></TextBlock> <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=Age}"></TextBlock> </Grid> </Border> </DataTemplate> <DataTemplate x:Key="groupingHeaderTemplate"> <TextBlock Text="{Binding Path=Name}" Foreground="Navy" FontWeight="Bold" FontSize="12"></TextBlock> </DataTemplate> </Window.Resources>
public class User : INotifyPropertyChanged { private string _name; public string Name { get { return _name; } set { if (_name != value) { _name = value; OnPropertyChanged("Name"); } } } public event PropertyChangedEventHandler PropertyChanged; private void OnPropertyChanged(string propertyName) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } } private int _age; public int Age { get { return _age; } set { _age = value; } } } public class People:ObservableCollection<User> { public People() : base() { Add(new User { Name = "Listen", Age = 21 }); Add(new User { Name = "Fly", Age = 26 }); Add(new User { Name = "Colors", Age = 28 }); Add(new User { Name = "Blue", Age = 40}); Add(new User { Name = "Colors.Blue", Age =77 }); } }
在资源中有一个People集合的一个对象，同时还有一个CollectionViewSource 集合视图对象，另外还有两个DataTemplate，一个就是之前说到的针对一个类型的模板，另一个是新添加的针对ListBox的GroupStyle的HeaderTemplate的模板。
<Grid> <Grid.RowDefinitions> <RowDefinition Height="30"></RowDefinition> <RowDefinition Height="*"></RowDefinition> </Grid.RowDefinitions> <StackPanel Orientation="Horizontal"> <CheckBox Margin="5" x:Name="chkGroup" Checked="chkGroup_Checked_1" Unchecked="chkGroup_Unchecked_1">按年龄分组</CheckBox> <CheckBox Margin="5" x:Name="chkFilter" Checked="chkFilter_Checked_1" Unchecked="chkFilter_Unchecked_1">过滤</CheckBox> <CheckBox Margin="5" x:Name="chkSort" Checked="chkSort_Checked_1" Unchecked="chkSort_Unchecked_1">排序</CheckBox> </StackPanel> <ListBox x:Name="listBox" ItemsSource="{Binding Source={StaticResource listingDataView}}" Grid.Row="2"> <ListBox.GroupStyle> <GroupStyle HeaderTemplate="{StaticResource groupingHeaderTemplate}"></GroupStyle> </ListBox.GroupStyle> </ListBox> </Grid>
ListBox部分代码如上，其中有三个复选框用于对数据进行分组，过滤和排序，同时也在ListBox的GroupStyle中指定了HeaderTemplate，表示分组标题的模板。
CollectionViewSource listingDataView; public Window2() { InitializeComponent(); listingDataView = (CollectionViewSource)this.Resources["listingDataView"]; } private void chkGroup_Checked_1(object sender, RoutedEventArgs e) { PropertyGroupDescription groupDescription = new PropertyGroupDescription(); groupDescription.PropertyName = "Age"; listingDataView.GroupDescriptions.Add(groupDescription); } private void chkGroup_Unchecked_1(object sender, RoutedEventArgs e) { listingDataView.GroupDescriptions.Clear(); } private void chkFilter_Checked_1(object sender, RoutedEventArgs e) { listingDataView.Filter += listingDataView_Filter; } void listingDataView_Filter(object sender, FilterEventArgs e) { User user = e.Item as User; if (user!=null) { if (user.Age > 30) { e.Accepted = true; } else { e.Accepted = false; } } } private void chkFilter_Unchecked_1(object sender, RoutedEventArgs e) { listingDataView.Filter -= listingDataView_Filter; } private void chkSort_Checked_1(object sender, RoutedEventArgs e) { listingDataView.SortDescriptions.Add(new System.ComponentModel.SortDescription("Age",System.ComponentModel.ListSortDirection.Descending)); } private void chkSort_Unchecked_1(object sender, RoutedEventArgs e) { listingDataView.SortDescriptions.Clear(); }
在后置代码中先是定义了一个CollectionViewSource的对象，用于接收Resource中的对象，同时也便于之后的操作。在三个复选框的Checked和UnChecked事件中对集合进行操作。(其中过滤是对Age大于30的数据进行过滤，对Name进行分组，对Age进行倒序)
效果图如下：
以上四幅图依次为默认状态，按年龄分组，过滤，和排序效果。
好了，这次的数据部分就说到这里，欢迎大家进行讨论和指正。
