zoukankan      html  css  js  c++  java
  • 星空雅梦

    WPF入门教程(10)--数据绑定(2)

    三、绑定模式

    通过上一文章中的示例,学习了简单的绑定方式。在这里的示例,要学习一下绑定的模式,和模式的使用效果。 
    首先,我们来做一个简单示例,这个示例是根据ListBox中的选中项,去改变TextBlock的背景色。将 TextBlock 的背景色绑定到在 ListBox 中选择的颜色。在下面的代码中针对TextBlock的 Background 属性使用绑定语法绑定从 ListBox 中选择的值。代码如下。

    <StackPanel Grid.Row="1">
    
                <TextBlock Width="248" Height="24" Text="颜色:"
    
            TextWrapping="Wrap"/>
    
                <ListBox x:Name="listColor" Width="248" Height="56">
    
                    <ListBoxItem Content="Blue"/>
    
                    <ListBoxItem Content="Red"/>
    
                    <ListBoxItem Content="Green"/>
    
                    <ListBoxItem Content="Gray"/>
    
                    <ListBoxItem Content="Cyan"/>
    
                    <ListBoxItem Content="GreenYellow"/>
    
                    <ListBoxItem Content="Orange"/>
    
                </ListBox>
    
                <TextBlock Width="248" Height="24" Text="改变背景色:" />
    
                <TextBlock Width="248" Height="24" 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="248" Height="24" Text="颜色:"
    
            TextWrapping="Wrap"/>
    
                <ListBox x:Name="listColor" Width="248" Height="56">
    
                    <ListBoxItem Content="Blue"/>
    
                    <ListBoxItem Content="Red"/>
    
                    <ListBoxItem Content="Green"/>
    
                    <ListBoxItem Content="Gray"/>
    
                    <ListBoxItem Content="Cyan"/>
    
                    <ListBoxItem Content="GreenYellow"/>
    
                    <ListBoxItem Content="Orange"/>
    
                </ListBox>
    
                <TextBlock Width="248" Height="24" Text="改变背景色:" />
    
                <TextBlock Width="248" Height="24" 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>

    图 2 
    在上述示例中,对TextBlock使用了 OneWay 绑定模式,因为我希望只有当选择了 ListBox 中的某一项之后,应用程序将选定的 ListBoxItem(数据源)发送到 TextBlock。我不希望 TextBlock 的变更会影响到 ListBox中的内容。 
    我对TextBox使用 TwoWay 绑定模式,因为我希望用户在 ListBox 中选择一种颜色后,该颜色就会显示在 TextBox 中,并且其背景色也会随之相应变化。如果该用户在 TextBox 中键入了一种颜色(例如Pink),ListBox 中刚才选中的颜色名称就会被更新(即从目标到数据源),当鼠标再次点击这条修改后的数据时,新值就会被再次发送到TextBox上。这意味着 TextBlock 也会随之改变。(请参见图 2)。这里写图片描述

    如果我将 TwoWay 模式改回到 OneWay,用户则可以编辑 TextBox 中的颜色,但是不会将TextBox中输入的值去替换ListBox中选中项的值。 
    绑定模式如何应用呢?下面是个人的一点见解: 
    1)当只想让用户看到数据,而不希望用户去修改数据时,可以采用 OneWay 模式,类似winform中的只读属性。 
    2)当希望用户可以对控件中的数据进行修改,同时让用户修改的数据更新到数据源(DataSet、对象、XML 或其他绑定控件)中时,可以使用 TwoWay 绑定。 
    3)如果想让用户修改数据源中的数据,而又不想使用TowWay模式,就可以使用 OneWayToSource 绑定。OneWayToSource模式允许通过在原来被看作是绑定源的对象中放置绑定表达式,从而翻转源和目标。 
    4)当你的界面中的一系列只读控件均被绑定了数据,并且当用户刷新了数据源时,希望绑定控件中的值仍保持不变,可以使用 OneTime 绑定。此外,当源没有实现 INotifyPropertyChanged 时,OneTime 绑定模式也是一个不错的选择。

    说明:绑定目标中的修改何时去修改数据源 
    在上面的例子中,TextBox 使用了 TwoWay 绑定模式,所以当TextBox 失去焦点时WPF会使用TextBox中的值改变ListBox中的值。如果你不想在TextBox失去焦点时,就去修改ListBox中的值,可以为 UpdateSourceTrigger 指定值,它是用于定义何时更新源的绑定属性。可以为 UpdateSourceTrigger 设置三个值:Explicit、LostFocus 和 PropertyChanged。 
    如果将 UpdateSourceTrigger 设置为 Explicit,则不会更新源,除非从代码中调用 BindingExpression.UpdateSource 方法。设置为LostFocus ,(TextBox 控件的默认值)指示数据源绑定的控件失去焦点时才会更新。PropertyChanged 值绑定控件的绑定属性每次发生更改时就去更新数据源中的值。

  • 相关阅读:
    WebView与 JS 交互方式
    ES6常用知识点
    Flash Builder 破解与开发环境配置
    如何修改默认浏览器
    基本数据类型和常用内建对象
    VS 2010 使用技巧
    javascript之事件驱动编程的几个基本概念
    javascript笔记之DHTML基础
    浏览器对象模型
    开发心得记录
  • 原文地址:https://www.cnblogs.com/LiZhongZhongY/p/WPF.html
Copyright © 2011-2022 走看看