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>
相关推荐
dalong107 小时前
WPF:箭头绘制程序
wpf·自定义绘制
张工在路上1 天前
WPF 布局基础概述
大数据·hadoop·wpf
迪飞特科技2 天前
分布式事务下 Spring 声明式事务失效的 3 种修复方案
分布式·spring·wpf
2601_962174175 天前
Redis 简介
数据库·redis·wpf
SamChan906 天前
Python+PyMuPDF提取PDF表格并翻译:表格结构检测与双语重建实战
windows·python·ai·pdf·wpf
SamChan906 天前
Python+OpenCV检测PDF翻译后排版偏移:像素级格式一致性验证
python·opencv·ai·pdf·wpf
FuckPatience6 天前
WPF 拿到控件的最初样式,修改获得焦点样式
wpf
主宰者6 天前
【WPF】MainWindow前添加加载窗口,发现加载过程中有白色无内容窗口闪烁一下的解决方案
wpf
Vae_Mars7 天前
WPF中的ControlTemplate(控件模板)
wpf
SamChan907 天前
Python+ReportLab自动生成PDF翻译质量审计报告:从数据到可视化的完整方案
开发语言·python·ai·pdf·wpf