绑定: DataContextChanged, UpdateSourceTrigger, 对绑定的数据做自定义转换

最新推荐文章于 2020-07-29 23:06:17 发布
最新推荐文章于 2020-07-29 23:06:17 发布
阅读量681 收藏 1
点赞数
文章标签： c# ui
原文链接：http://www.cnblogs.com/ansen312/p/5913444.html
版权

介绍
背水一战 Windows 10 之 绑定

  • DataContextChanged - FrameworkElement 的 DataContext 发生变化时触发的事件
  • UpdateSourceTrigger - 数据更新的触发方式
  • 对绑定的数据做自定义转换



示例
1、演示 DataContextChanged 的用法
Bind/DataContextChanged.xaml

复制代码 
<Page
    x:Class="Windows10.Bind.DataContextChanged"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Windows10.Bind"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Transparent">

        <StackPanel Margin="10 0 10 10">

            <TextBlock Name="lblMsg" Margin="5" />

            <Button x:Name="btnChange" Content="改变 listBox 的数据上下文" Click="btnChange_Click" Margin="5" />

            <ListBox x:Name="listBox" ItemsSource="{Binding}" DataContextChanged="listBox_DataContextChanged" Background="Orange" Margin="5" />

        </StackPanel>
    </Grid>
</Page>
复制代码

Bind/DataContextChanged.xaml.cs

复制代码 
/*
 * DataContextChanged - FrameworkElement 的 DataContext 发生变化时触发的事件
 */

using System;
using System.Collections.Generic;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace Windows10.Bind
{
    public sealed partial class DataContextChanged : Page
    {
        public DataContextChanged()
        {
            this.InitializeComponent();

            this.Loaded += DataContextChanged_Loaded;
        }

        private void DataContextChanged_Loaded(object sender, RoutedEventArgs e)
        {
            // 指定数据上下文
            listBox.DataContext = new List<string> { "a", "b", "c" };
        }

        private void btnChange_Click(object sender, RoutedEventArgs e)
        {
            // 修改数据上下文
            listBox.DataContext = new List<string> { "a", "b", new Random().Next(0, 1000).ToString().PadLeft(3, '0') };
        }

        private void listBox_DataContextChanged(FrameworkElement sender, DataContextChangedEventArgs args)
        {
            /*
             * FrameworkElement.DataContextChanged - 数据上下文发生改变后触发的事件
             */

            // 数据上下文发生改变后
            lblMsg.Text = "数据上下文发生改变：" + DateTime.Now.ToString("hh:mm:ss");

        }
    }
}
复制代码


2、演示 UpdateSourceTrigger 的用法
Bind/UpdateSourceTrigger.xaml

复制代码 
<Page
    x:Class="Windows10.Bind.UpdateSourceTrigger"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Windows10.Bind"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Transparent">

        <StackPanel Margin="10 0 10 10">

            <TextBlock Name="lblMsg" Foreground="Orange" Margin="5" />

            <!--
                UpdateSourceTrigger - 数据更新的触发方式
                    Default - 失去焦点后触发
                    PropertyChanged - 属性值发生改变后触发
                    Explicit - 需要通过 BindingExpression.UpdateSource() 显示触发
            -->

            <TextBox Text="{Binding Text, Mode=TwoWay, ElementName=lblMsg, UpdateSourceTrigger=Default}" Margin="5" />
            <TextBox Text="{Binding Text, Mode=TwoWay, ElementName=lblMsg, UpdateSourceTrigger=PropertyChanged}" Margin="5" />
            <TextBox Name="txtExplicit" Text="{Binding Text, Mode=TwoWay, ElementName=lblMsg, UpdateSourceTrigger=Explicit}" Margin="5" />

            <Button Name="btnBinding" Content="显示触发更新" Click="btnBinding_Click" Margin="5" />

        </StackPanel>
    </Grid>
</Page>
复制代码

Bind/UpdateSourceTrigger.xaml.cs

复制代码 
/*
 * UpdateSourceTrigger - 数据更新的触发方式
 *     Default - 失去焦点后触发
 *     PropertyChanged - 属性值发生改变后触发
 *     Explicit - 需要通过 BindingExpression.UpdateSource() 显示触发
 */

using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Data;

namespace Windows10.Bind
{
    public sealed partial class UpdateSourceTrigger : Page
    {
        public UpdateSourceTrigger()
        {
            this.InitializeComponent();
        }

        private void btnBinding_Click(object sender, RoutedEventArgs e)
        {
            // 显示触发 txtExplicit 的数据更新
            BindingExpression be = txtExplicit.GetBindingExpression(TextBox.TextProperty);
            be.UpdateSource();
        }
    }
}
复制代码


3、演示如何对绑定的数据做自定义转换
Bind/BindingConverter.xaml

复制代码 
<Page
    x:Class="Windows10.Bind.BindingConverter"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Windows10.Bind"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Transparent">
        <StackPanel Margin="10 0 10 10">

            <!--
                配置 IValueConverter 资源
            -->
            <StackPanel.Resources>
                <local:IntegerLetterConverter x:Key="IntegerLetterConverter"/>
            </StackPanel.Resources>


            <Slider Name="slider1" Minimum="97" Maximum="122" Value="1" Width="300" Background="White" HorizontalAlignment="Left" Margin="5" />
            <!--
                演示如何使用 Binding 的 Converter, ConverterParameter, ConverterLanguage
                注：ConverterParameter 和 ConverterLanguage 不支持绑定，只能配置为一个静态的值（但是在 C# 端可以实现一些在 xaml 中无法实现的特性，详见后面的例子）
            -->
            <TextBox Name="textBox1" Width="300" HorizontalAlignment="Left" Margin="5"
                     Text="{Binding ElementName=slider1, Path=Value, Mode=TwoWay,
                                    Converter={StaticResource IntegerLetterConverter},
                                    ConverterParameter=param, 
                                    ConverterLanguage=zh}" />


            <Slider Name="slider2" Minimum="97" Maximum="122" Value="1" Width="300" Background="White" HorizontalAlignment="Left" Margin="5" />
            <!--
                在 C# 端使用 Binding 的 Converter, ConverterParameter, ConverterLanguage
            -->
            <TextBox Name="textBox2" Width="300" HorizontalAlignment="Left" Margin="5" />

            
            <TextBlock Name="lblMsg" TextWrapping="Wrap" />

        </StackPanel>
    </Grid>
</Page>
复制代码

Bind/BindingConverter.xaml.cs

复制代码 
/*
 * 演示如何对绑定的数据做自定义转换
 */

using System;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Data;

namespace Windows10.Bind
{
    public sealed partial class BindingConverter : Page
    {
        public BindingConverter()
        {
            this.InitializeComponent();

            this.Loaded += BindingConverter_Loaded;
        }

        private void BindingConverter_Loaded(object sender, RoutedEventArgs e)
        {
            // 实例化 Binding 对象
            Binding binding = new Binding()
            {
                ElementName = nameof(slider2),
                Path = new PropertyPath(nameof(Slider.Value)),
                Mode = BindingMode.TwoWay, // 默认是 OneWay 的
                Converter = new IntegerLetterConverter(),
                ConverterParameter = lblMsg, // 将 ConverterParameter 设置为一个指定的控件，这个在 xaml 中实现不了，但是可以在 C# 端实现
                ConverterLanguage = "zh"
            };

            // 将目标对象的目标属性与指定的 Binding 对象关联
            BindingOperations.SetBinding(textBox2, TextBox.TextProperty, binding);
        }
    }



    // 自定义一个实现了 IValueConverter 接口的类，用于对绑定的数据做自定义转换
    public sealed class IntegerLetterConverter : IValueConverter
    {
        /// <summary>
        /// 正向转换器。将值从数据源传给绑定目标时，数据绑定引擎会调用此方法
        /// </summary>
        /// <param name="value">转换之前的值</param>
        /// <param name="targetType">转换之后的数据类型</param>
        /// <param name="parameter">转换器所使用的参数（它是通过 Binding 的 ConverterParameter 传递过来的）</param>
        /// <param name="language">转换器所使用的区域信息（它是通过 Binding 的 ConverterLanguage 传递过来的）</param>
        /// <returns>转换后的值</returns>
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            if (parameter != null && parameter.GetType() == typeof(TextBlock))
            {
                ((TextBlock)parameter).Text = $"value: {value}, targetType: {targetType}, parameter: {parameter}, language: {language}";
            }

            int v = (int)(double)value;
            return (char)v;
        }

        /// <summary>
        /// 反向转换器。将值从绑定目标传给数据源时，数据绑定引擎会调用此方法
        /// </summary>
        /// <param name="value">转换之前的值</param>
        /// <param name="targetType">转换之后的数据类型</param>
        /// <param name="parameter">转换器所使用的参数（它是通过 Binding 的 ConverterParameter 传递过来的）</param>
        /// <param name="language">转换器所使用的区域信息（它是通过 Binding 的 ConverterLanguage 传递过来的）</param>
        /// <returns>转换后的值</returns>
        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            if (parameter != null && parameter.GetType() == typeof(TextBlock))
            {
                ((TextBlock)parameter).Text = $"value: {value}, targetType: {targetType}, parameter: {parameter}, language: {language}";
            }

            int v = ((string)value).ToCharArray()[0];
            return v;
        }
    }
}
复制代码

转载于:https://www.cnblogs.com/ansen312/p/5913444.html

weixin_34240657
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WpfApplication1-UpdateSourceTrigger.zip
05-23
【WPF】数据绑定作用UpdateSourceTrigger属性 csdn博客地址：https://blog.csdn.net/qq_36963950/article/details/106299798
Demo小李子UpdateSourceTrigger 值的编程方法是:使用 GetMetadata 获取属性的属性元数据,然后检查 DefaultUpdateSourceTrigger 属性的值。 备注TwoWay 或OneWayToSource 绑定侦听目标属性的更改,并将这些更改传播回源。这称为更新源。
04-24
UpdateSourceTrigger 值的编程方法是:使用 GetMetadata 获取属性的属性元数据,然后检查 DefaultUpdateSourceTrigger 属性的值。 备注TwoWay 或OneWayToSource 绑定侦听目标属性的更改,并将这些更改传播回源。这称为...
SilverLight CheckBox 控件 DataContext属性与DataContextChanged事件
weixin_30451709的博客
12-23 164
当CheckBox对象创建时，会触发一次DataContextChanged事件，默认值待定，销毁时不会触发，代码修改DataContext时也会触发 转载于:https://www.cnblogs.com/wzs2016/p/6215807.html...
背水一战 Windows 10 (20) - 绑定: DataContextChanged, UpdateSourceTrigger, 对绑定的数据做自定义转换...
weixin_33804582的博客
09-21 804
原文:背水一战 Windows 10 (20) - 绑定: DataContextChanged, UpdateSourceTrigger, 对绑定的数据做自定义转换[源码下载] 背水一战 Windows 10 (20) - 绑定: DataContextChanged, UpdateSourceTrigger, 对绑定的数据做自定义转换 作者：webabcd介绍背水一战 Windows 10...
WP8在Sliverlight框架下如何监听DataContextChanged
dd的博客
12-24 721
FrameworkElement具有DataContext属性，代表绑定的数据源，在开发的时候有时需要监听其变化，在WinRt框架上有DataContext属性，但是在Sliverlight框架下没有，在此自己实现了该接口的子类。
Silverlight4 如何实现DataContextChanged事件
dacong的专栏
03-01 1343
Silverlight4 如何实现DataContextChanged事件，自定义事件
WPF Event 在 Command 中的应用初级篇，支持所有Event 展示松耦合设计的全部代码 - 解决TextBoxBase.TextChanged或者TextBox.TextChanged等...
weixin_30401605的博客
10-03 189
做过WPF开发的人，都知道做MVVM架构，最麻烦的是Event的绑定，因为Event是不能被绑定的，同时现有的条件下，命令是无法替代Event。而在开发过程中无法避免Event事件，这样MVVM的架构就不能完全实现了。 所以后来微软提供了一个折中的方案，使用Trigger触发器和System.Windows.Interactivity结合通过事件绑定事件，个人觉得这个方法也挺可以的。 还有Pr...
WPF-UpdateSourceTrigger
10-22
wpf,WPF,code that you need.
WPF拖动DataGrid滚动条时内容混乱的解决方法
12-30
解决方法就是在Binding的时候给UpdateSourceTrigger赋值。 <RowDefinition Height=25></RowDefinition> <RowDefinition></RowDefinition> <Button Height=23 Click=Button_Click Content=Click Grid....
wpf binding介绍
10-20
wpf 绑定的内容整理，绑定的源：Elementname，Source，RelativeSource，DataContext，分别得介绍，Mode介绍，UpdateSourceTrigger介绍，其中夹杂各种例子
WPF中Textbox获取TextChanged事件+键盘事件+右击菜单栏
weixin_43935474的博客
12-05 4396
键盘响应代码： private void textBox_KeyDown(object sender, KeyEventArgs e) { string strMessage = "textBox_KeyDown Event:" + e.RoutedEvent + " " + "Key:" + e.Key; if(listBox!=null) { ...
WPF教程（三十五）使用DataContext
热门推荐
刺猬的优雅
11-17 3万+
DataContext属性是绑定的默认源，除非你具体指定了另外一个源，就像上一章里面我们使用了ElementName属性。它由FrameworkElement类定义，大部分UI控件包括WPF窗口都继承于此类。简单地说，它允许你指定一个绑定的基。 DateContext并没有默认源(刚开始的时候是NULL)，但是它贯穿整个空间层次结构，你可以为窗口设置一个DataContext，然后在任意的子控件
C#：DataGridView技巧：文本TextChanged事件、日期控件、标题图标等
张元浩的博客
07-29 4968
目录 一、编辑单元格时TextChanged事件获取文本 二、DataGridView中添加自定义日期字段 三、DataGridView行标题显示图标 附：代码中用到的几个方法： 一、编辑单元格时TextChanged事件获取文本 DataGridView自带的文本框在输入文字时无法实时触发事件，只能在按回车或者转移光标结束编辑时才能触发事件，以下代码利用TextChanged事件实现。比如输入拼音码时同步筛选字典操作，如下图，输入首拼实时筛选药品列表： /// <summary&
【WPF】TextBox 文本框中TextChanged事件
程序猿的学习路途博客
04-16 1万+
页面： <TextBox Grid.Row="5" Grid.Column="3" Text="{Binding XXX}" Grid.ColumnSpan="2" Margin="42,0,89,1" Style="{StaticResource XXStyle}" Height="39" VerticalAlignment="Bottom" > <i:I...
WPF中的binding（三）- 使用DataContext作为Binding的数据源
Hyman的博客
05-22 1万+
前面两节介绍了通过把CLR对象指定赋值给Binding . Source或者把CLR对象的名称赋值给Binding.ElementName而实现将单个CLR对象指定为Binding的Source的方法。下面我们介绍没有Source的Binding，将DataContext作为Binding的源的方法。 DataContext，顾名思义就是数据上下文，它被定义在FrameworkElement类里
wpf在自定义的PasswordBox如何实现Password双向绑定
最新发布
07-13
在 WPF 中，自定义的 PasswordBox 控件默认情况下是不支持双向绑定的。但是我们可以通过一些技巧来实现 Password 属性的双向绑定。 首先，我们可以创建一个附加属性（Attached Property），并将其附加到 PasswordBox 控件上。这个附加属性将作为一个中间层，用于实现双向绑定。 以下是一个示例代码，演示如何实现双向绑定： 1. 首先，在你的项目中创建一个类，命名为 PasswordBoxHelper（或者其他你喜欢的名称）： ```csharp public static class PasswordBoxHelper { public static readonly DependencyProperty PasswordProperty = DependencyProperty.RegisterAttached("Password", typeof(string), typeof(PasswordBoxHelper), new FrameworkPropertyMetadata(string.Empty, OnPasswordPropertyChanged)); public static string GetPassword(DependencyObject d) { return (string)d.GetValue(PasswordProperty); } public static void SetPassword(DependencyObject d, string value) { d.SetValue(PasswordProperty, value); } private static void OnPasswordPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) { if (d is PasswordBox passwordBox) { passwordBox.PasswordChanged -= PasswordBox_PasswordChanged; passwordBox.PasswordChanged += PasswordBox_PasswordChanged; } } private static void PasswordBox_PasswordChanged(object sender, RoutedEventArgs e) { if (sender is PasswordBox passwordBox) { SetPassword(passwordBox, passwordBox.Password); } } } ``` 2. 然后，在你的 XAML 文件中使用这个附加属性来绑定 Password 属性，示例如下： ```xml <PasswordBox local:PasswordBoxHelper.Password="{Binding MyPassword, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> ``` 这里的 `local` 是你在 XAML 文件开头添加的命名空间引用，指向你定义的 PasswordBoxHelper 类所在的命名空间。 3. 最后，在你的 ViewModel 或者代码中声明一个名为 MyPassword 的属性，用于实际存储密码值： ```csharp private string _myPassword; public string MyPassword { get { return _myPassword; } set { if (_myPassword != value) { _myPassword = value; OnPropertyChanged(nameof(MyPassword)); } } } ``` 这样，当用户在 PasswordBox 中输入密码时，双向绑定会自动更新 MyPassword 属性的值。同样地，当 MyPassword 属性的值改变时，也会自动更新到 PasswordBox 控件中。 希望这个示例能够帮助到你！如果你有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值