WPF入门教程系列四

WPF之Binding的使用（二）

一、  前言

初学WPF经常被Binding搞得苦不堪言，Binding的重用性就不做介绍了，在WPF应用程序开发中Binding是一个非常重要的部分。WPF也是近期才接触，学习WPF也是在网上查资料与微软的MSDN进行学习，写本博客的目为了温故而知新把学习过程记录下来，以备后查。

二、  WPF之Binding

接下还是用做几个示例来做演示如果通过绑定把ListBox中选中的值显示到TextBlock中

1.）首先，给ListBox添加ListBoxItem，做为ListBox的选项 。

2.）其次，把TextBlock 的 Text通过 Binding 与 ListBox 选择项进行绑定。Binding 语法中的 ElementName 属性指示 TextBlock 的 Text 属性要与其绑定的控件的名称。Path 属性指示我们将绑定到Text属性上ListBox元素的属性。如下代码所示

<Window x:Class="Student.MainWindow"
        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:Student"
        mc:Ignorable="d"
        Title="MainWindow" Height="650" Width="800">
    <Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="200"/>
            <RowDefinition Height="200"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="0">
            <TextBlock Width="250" Height="26" Text="湖南旅游景点:" TextWrapping="Wrap" Background="Azure" FontSize="20"/>
            <ListBox x:Name="listStockName" Width="248" Height="90" Background="Azure" FontSize="20">
                <ListBoxItem Content="武陵源"/>
                <ListBoxItem Content="南岳衡山 "/>
                <ListBoxItem Content="岳阳楼"/>
                <ListBoxItem Content="岳麓书院 "/>
                <ListBoxItem Content="君山岛 "/>
                <ListBoxItem Content="张家界"/>
                <ListBoxItem Content="花明楼 "/>
                <ListBoxItem Content="崀山风景名胜区"/>
                <ListBoxItem Content="凤凰古城"/>
            </ListBox>
            <TextBlock Width="250" Height="24" Text="你所选中的景点:" Background="Aqua" FontSize="20" />
            <TextBlock Width="250" Height="30" Text="{Binding ElementName=listStockName, Path=SelectedItem.Content}" Background="Azure" FontSize="26"/>
        </StackPanel>

    </Grid>

</Window>

效果图如下：

三、  WPF之绑定模式

首先，我们来做一个简单示例，这个示例是根据ListBox中的选中项，去改变TextBlock的背景色。将 TextBlock 的背景色绑定到在 ListBox 中选择的颜色。在下面的代码中针对TextBlock的 Background 属性使用绑定语法绑定从 ListBox 中选择的值。代码如下。

<StackPanel Grid.Row="1">

            <TextBlock Width="300" Height="30" Text="颜色:" FontFamily="幼圆" TextWrapping="Wrap"/>

            <ListBox x:Name="listColor" Width="300" Height="68" FontFamily="幼圆">
                <ListBoxItem Content="Blue"/>
                <ListBoxItem Content="Red"/>
                <ListBoxItem Content="Green"/>
                <ListBoxItem Content="Gray"/>
                <ListBoxItem Content="Cyan"/>
                <ListBoxItem Content="GreenYellow"/>
                <ListBoxItem Content="Orange"/>
            </ListBox>

            <TextBlock Width="300" Height="30" FontFamily="幼圆" Margin="3,1,2,1"  Text="改变背景色:" />
            <TextBlock Width="300" Height="30" Background="{Binding ElementName=listColor, Path=SelectedItem.Content, Mode=OneWay}">
            </TextBlock>

        </StackPanel>

效果图如下所示：

接下来我们对上面的示例进行一些修改：

1)同一个数据源绑定到两个或多个控件上。如我们的示例中把ListBox的选中项绑定到TextBox与TextBlock。

2)在绑定语法中增加一个 Mode 属性，即绑定模式。对于我们的示例，我们把TextBlock的绑定语法中的Mode属性设为 OneWay 。把TextBox的绑定语法中的Mode属性设为TwoWay。

 

对于示例中的Mode进行一下简单说明（具体可以参见前一篇）：

1）使用 OneWay 绑定时，每当数据源(ListBox)发生变化时，数据就会从数据源流向目标(TextBlock)。

2）OneTime 绑定也会将数据从源发送到目标；但是，仅当启动了应用程序或 DataContext 发生更改时才会如此操作，因此，它不会侦听源中的更改通知。

3）OneWayToSource 绑定会将数据从目标发送到源。

4）TwoWay 绑定会将源数据发送到目标，但如果目标属性的值发生变化，则会将它们发回给源。

 

下面就是修改后的示例代码，功能是将 TextBlock (OneWay) 和 TextBox (TwoWay) 绑定到 ListBox 的代码：

<StackPanel Grid.Row="1">

            <TextBlock Width="300" Height="30" Text="颜色:" FontFamily="幼圆" TextWrapping="Wrap"/>

            <ListBox x:Name="listColor" Width="300" Height="68" FontFamily="幼圆">
                <ListBoxItem Content="Blue"/>
                <ListBoxItem Content="Red"/>
                <ListBoxItem Content="Green"/>
                <ListBoxItem Content="Gray"/>
                <ListBoxItem Content="Cyan"/>
                <ListBoxItem Content="GreenYellow"/>
                <ListBoxItem Content="Orange"/>
            </ListBox>

            <TextBlock Width="300" Height="30" FontFamily="幼圆" Margin="3,1,2,1"  Text="改变背景色:" />
            <TextBlock Width="300" Height="30" Text="{Binding ElementName=listColor, Path=SelectedItem.Content, Mode=OneWay}"  Background="{Binding ElementName=listColor, Path=SelectedItem.Content, Mode=OneWay}">
            </TextBlock>
            <TextBox Name="txtTwoWay" Text="{Binding ElementName=listColor,Path=SelectedItem.Content,Mode=TwoWay}"  Background="{Binding ElementName=listColor,  Path=SelectedItem.Content,Mode=TwoWay}">
                
            </TextBox>
        </StackPanel>

绑定模式如何应用呢？下面是个人的一点见解：

1）当只想让用户看到数据，而不希望用户去修改数据时，可以采用 OneWay 模式，类似winform中的只读属性。

2）当希望用户可以对控件中的数据进行修改，同时让用户修改的数据更新到数据源（DataSet、对象、XML 或其他绑定控件）中时，可以使用 TwoWay 绑定。

3）如果想让用户修改数据源中的数据，而又不想使用TowWay模式，就可以使用 OneWayToSource 绑定。OneWayToSource模式允许通过在原来被看作是绑定源的对象中放置绑定表达式，从而翻转源和目标。

 

4）当你的界面中的一系列只读控件均被绑定了数据，并且当用户刷新了数据源时，希望绑定控件中的值仍保持不变，可以使用 OneTime 绑定。此外，当源没有实现 INotifyPropertyChanged 时，OneTime 绑定模式也是一个不错的选择。

Bingding的源

有三个属性用来设置源：ElementName(string)、Source(Object) 和 RelativeSource(RelativeSource)。注：这三个只能指定一个，否则异常。

ElementName： 源为一个元素(Element)，这里用的是此元素中设置的Name属性。

Source：以object作为源。<TextBlock Text="{Binding Source={StaticResource myDataSource}, Path=PersonName}"/>

RelativeSource： 源相对于绑定目标的位置。

                        源是元素本身：{Binding RelativeSource={RelativeSource Self}}

                        源是Tempalte中元素的Parent：{Binding RelativeSource={RelativeSource TemplatedParent}}

                        源是绑定以collection形式的前一个数据：{Binding RelativeSource={RelativeSource PreviousData}}，MSDN上关于PreviousData的说明并不多，这里有一篇文章可以参考

                        以上三项为RelativeSource中的Static值，使用这些值可以减少内存开销

                        源是Ancestor(可能比parent还高)：{Binding RelativeSource={RelativeSource FindAncestor,AncestorLevel=n, AncestorType={x:Type desiredType}}}

Path:

Binding中的Path是 PropertyPath对象。
在最简单的情况下，Path 属性值是要用于绑定的源对象的属性名称，如 Path=PropertyName。
通过类似于 C# 中使用的语法，可以指定属性的子属性。例如，子句 Path=ShoppingCart.Order 将绑定设置为对象的子属性 Order 或属性 ShoppingCart。
若要绑定到附加属性，请将附加属性用括号括起。例如，若要绑定到附加属性 DockPanel.Dock，则语法为 Path=(DockPanel.Dock)。
在应用了索引器的属性名称之后的方括号内，可以指定属性的索引器。例如，子句 Path=ShoppingCart[0] 将绑定设置为与属性的内部索引处理文本字符串“0”的方式对应的索引。此外，还支持多个索引器。
在 Path 子句中可以同时使用索引器和子属性，例如，Path=ShoppingCart.ShippingInfo[MailingAddress,Street]。
在索引器内部，可以有多个由逗号 (,) 分隔的索引器参数。可以使用圆括号指定每个参数的类型。例如，可以使用 Path="[(sys:Int32)42,(sys:Int32)24]"，其中 sys 映射到 System 命名空间。

如果源为集合视图，则可以用斜杠 (/) 指定当前项。例如，子句 Path=/ 设置到视图中当前项的绑定。如果源为集合，则此语法指定默认集合视图的当前项。
可以结合使用属性名和斜杠来遍历作为集合的属性。例如，Path=/Offices/ManagerName 指定源集合的当前项，该源集合包含同样是集合的 Offices 属性。其当前项是包含 ManagerName 属性的对象。
也可以使用句点 (.)路径绑定到当前源。例如，Text=”{Binding}” 等效于 Text=”{Binding Path=.}”。

 

   小结

WPF的核心理念是变传统的UI驱动数据变成数据驱动UI，支撑这个理念的基础就是本章讲的Data Binding和与之相关的数据校验和数据转换。在使用Binding的时候，最重要的就是设置它的源和路径。

 Data Binding到此讲解完毕。本人接触WPF不到一年，写的不好勿喷，有不足之处还望大家多多指正。

如有不了解可以参考官方文档说明