WPF基础教程之元素绑定详解

前言

简单的说，数据绑定是一种关系，该关系告诉WPF从一个源对象提取一些信息，并使用这些信息设置目标对象的属性。目标属性总是以来属性，并且通常位于WPF元素中，毕竟，WPF数据绑定的最终目的是在用户界面中显示一些信息。然而，源对象可以是任何内容，从另一个WPF元素到ADO.NET数据对象(如DataTable和DataRow对象)或自己创建的纯数据对象。

下面话不多说了，来一起看看详细的介绍吧

元素绑定

数据绑定最简单的形式是源对象是WPF元素而且源属性是依赖项属性。依赖项属性具有内置的更改通知支持。因此当源对象中改变依赖属性的值时，会立即更新目标对象中的绑定属性。

绑定表达式

当使用绑定表达式时，不必对源对象做任何改动，只需配置源对象使其属性具有正确的值范围。

<Slider Grid.Row="0" Name="sliderFontSize" Margin="3" Minimum="1" Maximum="40" Value="10" TickFrequency="1" TickPlacement="TopLeft"> 
</Slider>
<TextBlock Grid.Row="1" Margin="10" Text="Simple Text" Name="lblSimpleText"FontSize="{Binding ElementName=sliderFontSize,Path=Value}">   
</TextBlock>

绑定错误

WPF不会引发异常来通知与数据绑定相关的问题。如果指定的元素或属性不存在，那么不会收到任何的指示；相反，只是不能在目标属性中显示数据。

调试可通过Visual Studio的OutPut窗口查看，WPF会输出绑定细节的跟踪信息。

绑定模式

使用代码创建绑定

Binding binding = new Binding();
binding.Source = sliderFontSize;
binding.Path = new PropertyPath("Value");
binding.Mode = BindingMode.TwoWay;
lblSimpleText.SetBinding(TextBlock.FontSizeProperty,binding);

多绑定

可以设置TextBlock元素从文本框中获取文本，从单独的颜色列表中选择当前前景色和背景色，等等。

  <TextBlock Grid.Row="1" Margin="10" Name="lblSimpleText"
     FontSize="{Binding ElementName=sliderFontSize,Path=Value}"
     Text="{Binding ElementName=txtContent,Path=Text}"
     Foreground="{Binding ElementName=lstColors,Path=SelectedItem.Tag}"> 
  </TextBlock>

还可链接数据绑定。例如TextBox.Text属性创建表达式以链接到TextBlock.FontSize属性，而TextBlock.FontSize又链接到Slider.Value属性的绑定表达式。

绑定更新

源的变化会立即影响目标，然而反向的传递从目标到源未必会立即发生。他们的行为由Binding.UpdateSourceTrigger属性控制。

表中列出的值不影响目标的更新方式，他们仅控制OneWay或OneWayToSource模式的绑定中源的更新方式。

绑定延迟

用户停止输入500毫秒后更新源对象

<TextBox Text="{Binding ElementName=txtSampleText,Path=FontSize,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged,Delay=500}" Name="txtFontSize">
</TextBox>

绑定到非元素对象

WPF数据绑定基础结构不能获取私有信息或公有字段，必须是公有属性中。

绑定到非元素对象时，需要放弃Binding.ElementName属性，并使用以下属性之一。

• Source:该属性是指向源对象的引用，提供数据的对象。
• RelativeSource：这是引用，使用RelativeSource对象指向源对象。有了这个附加层，在在当前元素的基础上构建引用。这似乎增加了复杂程度，

但实际上RelativeSource属性是一种特殊工具，当编写控件模版及数据模版时是很方便的。

• DataContext：如果没有使用Source或RelativeSource属性指定源，WPF就从当前元素开始在元素树中向上查找。检查每个属性的DataContext属性，并使用第一个飞空的DataContext属性。

当将同一个对象的多个属性绑定到不同的元素时，DataContext属性是非常有用的，因为可在更高层次的容器对象上，设置DataContext属性。

Source

绑定到静态对象

 <TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

2.绑定到资源

 <Window.Resources>
  <FontFamily x:Key="CoustomFont">Calibri</FontFamily>
 </Window.Resources>
 <Grid>
  <TextBlock Text="{Binding Source={StaticResource CoustomFont},Path=Source}"></TextBlock>
 </Grid>

RelativeSource

<TextBlock Text="{Binding Path=Title,RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type Window}}}"></TextBlock>

RelativeSource对象使用FindAncestor模式，该模式告知查找元素树知道发现AncestorType属性定义的元素类型。
FindAncestor模式有4种。

DataContext属性

大量元素绑定到同一对象。

<TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>
 <TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>
 <TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

可以改成如下

<StackPanel DataContext="x:Static SystemFonts.IconFontFamily">
  <TextBlock Text="{Binding Path=Source}"></TextBlock>
  <TextBlock Text="{Binding Path=Source}"></TextBlock>
  <TextBlock Text="{Binding Path=Source}"></TextBlock>
 </StackPanel>

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对猪先飞的支持。