第六章-元素绑定

1、元素简单绑定

  <StackPanel><TextBlock Text="{Binding ElementName=slider, Path=Value}" Margin="10" FontSize="20"></TextBlock><Slider x:Name="slider" Height="20" Width="200" Margin="50" Maximum="100" Minimum="0" VerticalAlignment="Center"></Slider></StackPanel>

 

2、绑定模式

　　单向绑定OneWay

　　双向绑定:TwoWay

　　单次绑定:OneTime(源变化一次后，目标不跟随继续变化)

　　OneWayToSource:与OneWay方向相反

 

3、多绑定

 

4、绑定更新

　　双向绑定时:文本框消息改变后，源要在文本框失去焦点才能更新

<StackPanel><TextBox Text="{Binding ElementName=slider, Path=Value,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="10" FontSize="20"></TextBox><Slider x:Name="slider" Height="20" Width="200" Margin="50" Maximum="100" Minimum="0" VerticalAlignment="Center"></Slider><Button Height="30" Width="50"></Button>
</StackPanel>

 UpdateSourceTrigger:

PropertyChanged:当目标属性发生变化时立即更新源
LostFocus当目标属性发生变化并且目标丢失焦点时更新源
Explicit:除非调用 BindingExpression.UpdateSource()方法，否则无法更新源
Default:根据目标属性的元数据确定更新行为(从技术角度看，是根据FrameworkPropertyMetadataDefaultUpdateSourceTrigger属性决定更新行为)。大多数属性的默认行为是PropertyChanged,但TextBox.Text属性的默认行为是LostFocus

5、绑定延迟

　　加入Delay属性即可

 

6、Source属性

　　指定绑定的数据对象

 <Window.Resources><FontFamily x:Key="CustomFont">Calibri</FontFamily></Window.Resources><StackPanel><!--指向一些已经准备的静态对象，为设置Binding.Source属性，需要结组静态拓展标记--><TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock><!--绑定资源--><TextBlock Text="{Binding Source={StaticResource CustomFont},Path=Source}"></TextBlock></StackPanel>

 

7、RelativeSource属性

　　寻找上一级的元素，例如控件样式、数据模板当中常用

 <Grid Background="Wheat"><TextBlock Height="50" Width="90" Background="{Binding Path=Background,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Grid}}}"></TextBlock></Grid>

 

8、DataContext属性

　　可以在其父元素及以上元素指定数据对象

  <StackPanel DataContext="{x:Static SystemFonts.IconFontFamily}"><TextBlock Text="{Binding Source}"></TextBlock><TextBlock Text="{Binding LineSpacing}"></TextBlock><TextBlock Text="{Binding FamilyTypefaces[0].Style}"></TextBlock><TextBlock Text="{Binding  FamilyTypefaces[0].Weight}"></TextBlock></StackPanel>

后台代码当中指定数据上下文DataContext

 public partial class 元素绑定 : Window{public 元素绑定(){InitializeComponent();this.DataContext = new Student { Name="张三",Age="17"};}class Student{public string Name {  get; set; }public string Age {  get; set; }}}

 <TextBlock Text="{Binding Name}"></TextBlock><TextBlock Text="{Binding Age}"></TextBlock>