WPF Binding对象、数据校验、数据转换

在WinForm中,我们要想对控件赋值,需要在后台代码中拿到 控件对象进行操作,这种赋值形式,从根本上是无法实现界面与逻辑分离的。

在WPF中,微软引入了Binding对象,通过Binding,我们可以直接将控件与数据做绑定,在后台不用拿到控件对象,直接操作数据源,系统会自动监听数据源的变化实时的更新到控件上,相反的,用户改变控件的值,也会实时更新到后台数据源,这也就是我们之前所说的,WPF天生支持MVVM模式。

命令是MVVM模式实现的重要一环,

命令(Command)

模板(Template)、

数据绑定(Binding)

一起构成了WPF中的主要三个核心要素,其中模板实现了WPF灵活的控件自定义(UI),数据绑定实现了前后端的数据分离、命令则实现了前后端的逻辑分离。

》》》 前端绑定

》》后端绑定

binding 数据校验 数据转换

》》数据校验

》》》自定义一个校验规则,继承ValidationRule抽象类

csharp 复制代码
 public  class ZenValidationRule: ValidationRule
 {
     public override ValidationResult Validate(object value, CultureInfo cultureInfo)
     {
         if (value == null)
             return new ValidationResult(false, "不能为空!");
         if (value as string != "Ares")
             return new ValidationResult(false, "必须是Ares");

         return new ValidationResult(true, null);
     }
 }
csharp 复制代码
 public MainWindow()
 {
     InitializeComponent();
     Binding bd = new Binding() { Path = new PropertyPath("Text"), Source = this.txt1 };
     ZenValidationRule vd = new ZenValidationRule();
     vd.ValidatesOnTargetUpdated = true;
     bd.ValidationRules.Add(vd);
     bd.NotifyOnValidationError = true; 
     this.txt2.SetBinding(TextBox.TextProperty, bd);
     //添加一个路由事件  触发的条件 是发送错误【Validation.ErrorEvent】
     this.txt2.AddHandler(Validation.ErrorEvent,new RoutedEventHandler(this
         .VadidatingError));
 }

 private void VadidatingError(object sender, RoutedEventArgs e)
 {
     if (Validation.GetErrors(this.txt2).Count>0)
     {
         this.txt2.ToolTip = Validation.GetErrors(this.txt2)[0].ErrorContent.ToString();
     }
 }

》》》数据转换

csharp 复制代码
 public class DateConverter : IValueConverter
 {
     //当值从绑定源传给绑定目标   触发 该方法
     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
     {
         if (value == null)
         {
             return DependencyProperty.UnsetValue;

         }
         DateTime date = (DateTime)value;
         return date.ToString("yyyy-MM-dd");
     }
     //当值从绑定目标传递给绑定源时,触发此方法
     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
     {
        
         string date = value as string;
         DateTime txtDate;
         if (DateTime.TryParse(date, out txtDate)) 
         {
             return txtDate;
         }            
         return DependencyProperty.UnsetValue;
     }
 }
csharp 复制代码
<Window x:Class="WpfApp1.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:WpfApp1"
       
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:DateConverter x:Key="cvtDate"></local:DateConverter>
    </Window.Resources>
    <StackPanel>
        <DatePicker x:Name="date1" SelectedDateFormat="Short"></DatePicker>
        <TextBox x:Name="txt1" Height="50"  Width="100"  
                 Text="{Binding ElementName=date1, Path=SelectedDate, Converter={StaticResource cvtDate}}"></TextBox>
        <Label Content="{Binding ElementName=date1, Path=Text}"></Label>
    </StackPanel>
</Window>
相关推荐
没有bug.的程序员39 分钟前
微服务中的数据一致性困局
java·jvm·微服务·架构·wpf·电商
Aevget1 小时前
DevExpress WPF中文教程:Data Grid - 如何绑定到有限制的自定义服务(二)?
wpf·devexpress·.net 10·data grid
没有bug.的程序员2 天前
SOA、微服务、分布式系统的区别与联系
java·jvm·微服务·架构·wpf·日志·gc
Macbethad2 天前
基于WPF的半导体设备配方管理程序技术方案
wpf
FuckPatience2 天前
WPF Geometry
wpf
武藤一雄3 天前
.NET 中常见计时器大全
microsoft·微软·c#·.net·wpf·.netcore
MarkHD3 天前
车辆TBOX科普 第70次 AUTOSAR Adaptive、容器化与云原生的融合革命
云原生·wpf
极客智造3 天前
WPF Behavior 实战:自定义 InvokeCommandAction 实现事件与命令解耦
wpf
L、2183 天前
Flutter 与 OpenHarmony 深度集成:构建分布式多端协同应用
分布式·flutter·wpf
布伦鸽3 天前
C# WPF -MaterialDesignTheme 找不到资源“xxx“问题记录
开发语言·c#·wpf