WPF真入门教程17--双向数据绑定

在这里的示例，要学习一下双向绑定的模式TwoWay，和更新触发模式UpdateSourceTrigger的使用效果。这个示例是根据ListBox中的选中项，去改变TextBlock的背景色和TextBox的显示内容及背景色，也可以输入颜色类型，（注意不能输入中文，中文不认识）。代码如下(代码是接上一节的代码继续添加的)。

<Window x:Class="WpfApp6.BindWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp6"
        mc:Ignorable="d"
        Title="BindWindow" Height="765" Width="980">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="250"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="138*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Row="0" Grid.Column="0">
            <TextBlock Width="248" Height="24" Text="简单绑定，股票名称:"   TextWrapping="Wrap" FontSize="15"/>
            <ListBox Name="mylista" Width="348" Height="150"  FontSize="15" Margin="0,0">
                <ListBoxItem Content="全通教育"/>
                <ListBoxItem Content="京大智慧"/>
                <ListBoxItem Content="宝钢股份"/>
                <ListBoxItem Content="浦发银行"/>
                <ListBoxItem Content="工商银行"/>
                <ListBoxItem Content="中国建筑"/>
                <ListBoxItem Content="长城汽车"/>
                <ListBoxItem Content="山东电子"/>
                <ListBoxItem Content="浙江吉利"/>
            </ListBox>
            <TextBlock Width="248" Height="24" Text="你选中的股票:" Margin="0,5,110,0"  FontSize="15"/>
            <!--ElementName 属性指示要绑定的控件名称。Path 属性指示绑定到ListBox元素的属性-->
            <TextBlock Width="248" Height="24" Text="{Binding ElementName=mylista,Path=SelectedItem.Content}"  FontSize="15" Margin="0,0,110,0"/>
        </StackPanel>
        <StackPanel Grid.Row="0" Grid.Column="1" HorizontalAlignment="Left" Height="240" Margin="10,10,0,0" VerticalAlignment="Top" Width="466">
            <Label Content="绑定多个控件及单向双向绑定和更新触发器" FontSize="15" />
            <ListBox Height="73" Margin="40,0,60,0" FontSize="15" Name="mylistb">
                <ListBoxItem Content="green"/>
                <ListBoxItem Content="blue"/>
                <ListBoxItem Content="black"/>
                <ListBoxItem Content="yellow"/>
                <ListBoxItem Content="orange"/>
            </ListBox>
            <Label Content="背景色" Height="23"  FontSize="12" Margin="0,2,366,0"/>
            
            <!--TwoWay双向绑定，OneWay单向绑定-->
            <!--UpdateSourceTrigger意指更新触发器，表示更新数据源方式：Explicit、LostFocus(默认) 和 PropertyChanged
            1：Explicit，则不会更新源，除非从代码中调用 BindingExpression.UpdateSource
            2：LostFocus ，默认值，指示该控件失去焦点时才会更新数据源。
            3：PropertyChanged，控制属性每次发生更改时就立即更新数据源。-->
            <TextBox   FontSize="15"   Text="{Binding ElementName=mylistb, Path=SelectedItem.Content, Mode=TwoWay,UpdateSourceTrigger=LostFocus}"  Background="{Binding ElementName=mylistb, Path=SelectedItem.Content, Mode=OneWay}" Margin="0,0,306,0"/>
            <TextBox FontSize="15"   Text="{Binding ElementName=mylistb, Path=SelectedItem.Content, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Margin="0,10,306,0"/>
            <TextBlock TextWrapping="Wrap"  Text="" Height="39" Margin="0,10,0,0" Background="{Binding ElementName=mylistb, Path=SelectedItem.Content, Mode=OneWay}"/>
        </StackPanel>

    </Grid>
</Window>
如果用户在 ListBox 中选择了一种颜色，那么TextBlock 的背景色会变为选定的颜色

 在第一个文本框输入cyan，然后点击green，此时列表中的green选项变成了cyan，同时背景色变化了，文本框的文字也改变了，这是失去焦点时的效果，也就是UpdateSourceTrigger=LostFocus的设置作用，默认也是这个，可以不设置，最后的效果是：

 在第二个文本框输入pink，此时数据源，即列表项立即发生变化，文本和背景同时变化，这是因为设置了UpdateSourceTrigger=PropertyChanged的作用，效果如下：

 因此，得到结论：

 <!--TwoWay双向绑定，OneWay单向绑定-->
            <!--UpdateSourceTrigger意指更新触发器，表示更新数据源方式：Explicit、LostFocus(默认) 和 PropertyChanged
            1：Explicit，则不会更新源，除非从代码中调用 BindingExpression.UpdateSource
            2：LostFocus ，默认值，指示该控件失去焦点时才会更新数据源。
            3：PropertyChanged，控制属性每次发生更改时就立即更新数据源。-->

效果明显，继续干就是了。