WPF学习之数据绑定

WPF学习之数据绑定2010-07-18 cnblogs zlgcool AllanWPF中的数据绑定提供了很强大的功能。与普通的WinForm程序相比，其绑定功能为我们提供了很多便利，例如Binding对象的自动通知/刷新，Converter，Validation Rules，Two Way Binding等功能，省去了很多维护的繁琐工作。另外对于WPF中提供的数据模板功能，让我们可以轻松定制可以被复用的控制呈现的模块—但这是以数据绑定为前提来做到轻松易用的效果的。数据提供者例如XmlDataProvider和ObjectDataProvider更是简化了将对象以特定方式绑定并呈现的过程。可以说，数据绑定是WPF中让我们真正能够开始体现其便利性的特征之一，而对以数据驱动的应用来讲，其重要性不言而喻。

数据绑定的关键是System.Windows.Data.Binding对象，它会把两个对象（UI对象与UI对象之间，UI对象与.NET数据对象之间）按照指定的方式粘合在一起，并在他们之间建立一条通信通道，绑定一旦建立，接下来的应用生命周期中它可以自己独立完成所有的同步工作。根据其应用场合的不同我们将在本文中从以下几个部分分别讨论：

· 对象间的绑定

· 绑定到集合

· 数据模板

· 向绑定添加规则和转换器

1.UI对象间的绑定

UI对象间的绑定，也是最基本的形式，通常是将源对象Source的某个属性值绑定（拷贝）到目标对象Destination的某个属性上。源属性可以是任意类型，但目标属性必须是依赖属性（Dependency Property）。通常情况下我们对于UI对象间的绑定源属性和目标属性都是依赖属性（有些属性不是），因为依赖属性有垂直的内嵌变更通知机制，WPF可以保持目标属性和源属性的同步。

看个简单的例子是如何在XAML中实现数据绑定的：

<Window x:Class="Allan.WpfBinding.Demo.Window1"
  xmlns=""
  xmlns:x=""
  Title="Basic Bindings" Height="400" Width="700" Style="{StaticResource windowStyle}">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="40" />
      <RowDefinition Height="*" />
      <RowDefinition Height="40" />
    </Grid.RowDefinitions>
    <StackPanel Orientation="Horizontal" Margin="5" HorizontalAlignment="Right">
      <Button x:Name="btnBasicBinding" Content="Basic" Style="{StaticResource buttonStyle}"></Button>
      <Button x:Name="btnCollectionBinding" Content="Collection" Style="{StaticResource buttonStyle}"></Button>
      <Button x:Name="btnDataTemplate" Content="Data Template" Style="{StaticResource buttonStyle}"></Button>
      <Button x:Name="btnAdvanceBindings" Content="Advance" Style="{StaticResource buttonStyle}"></Button>
      <Button x:Name="btnExit" Content="Exit" Style="{StaticResource buttonStyle}"></Button>
    </StackPanel>
    <StackPanel Grid.Row="1" HorizontalAlignment="Left">
      <TextBox x:Name="txtName" Margin="5" Width="400" BorderThickness="0" Height="50" Text="Source Element"></TextBox>
      <TextBlock x:Name="tbShowMessage" Margin="5" Width="400" Height="50" Text="{Binding ElementName=txtName,Path=Text }" />      
    </StackPanel>
  </Grid>
</Window>