关于WPF的验证 - GavinJune - 博客园
Excerpt 1、ValidationRule 验证ValidationRule:是通过ValidationRule中的的Validate方法来验证我们绑定的属性。所以我们的用法是继承ValidationRule,重写他的Validate方法。示例public class RequiredRule : Valid
1、ValidationRule 验证
ValidationRule:是通过ValidationRule中的的Validate方法来验证我们绑定的属性。所以我们的用法是继承ValidationRule,重写他的Validate方法。示例
1 2 3 4 5 6 7 8 9 10 11 12 <span>public <span>class RequiredRule : ValidationRule { <span>public <span>override ValidationResult Validate(<span>object <span>value, CultureInfo cultureInfo) { <span>if (<span>value == <span>null) <span>return <span>new ValidationResult(<span>false, <span>"不能为空值!"); <span>if (<span>string.IsNullOrEmpty(<span>value.ToString())) <span>return <span>new ValidationResult(<span>false, <span>"不能为空字符串!"); <span>return <span>new ValidationResult(<span>true, <span>null); } }</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
而XAML中需要把错误信息显示出来。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <span><Window.Resources> <ControlTemplate x:Key=<span>"ErrorTemplate"> <Border BorderBrush=<span>"Red" BorderThickness=<span>"1"> <AdornedElementPlaceholder/> </Border> </ControlTemplate> <Style TargetType=<span>"TextBox"> <Setter Property=<span>"Validation.ErrorTemplate" Value=<span>"{StaticResource ErrorTemplate}"> </Setter> <Style.Triggers> <Trigger Property=<span>"Validation.HasError" Value=<span>"True"> <Setter Property=<span>"ToolTip" Value=<span>"{Binding RelativeSource={RelativeSource Self}, Path=(Validation.Errors)[0].ErrorContent}"/> </Trigger> </Style.Triggers> </Style> </Window.Resources> <StackPanel> <TextBlock Text=<span>"姓名"/> <TextBox> <TextBox.Text> <Binding Path=<span>"Name" UpdateSourceTrigger=<span>"PropertyChanged" ValidatesOnDataErrors=<span>"True"> <Binding.ValidationRules> <ValidationRules:RequiredRule/> </Binding.ValidationRules> </Binding> </TextBox.Text> </TextBox> <TextBlock Text=<span>"年龄"/> <TextBox > <TextBox.Text> <Binding Path=<span>"Age" UpdateSourceTrigger=<span>"PropertyChanged" ValidatesOnDataErrors=<span>"True"> <Binding.ValidationRules> <ValidationRules:GreaterThanRule Number=<span>"10"/> </Binding.ValidationRules> </Binding> </TextBox.Text> </TextBox> </StackPanel></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
这样显示的错误信息就会以 ToolTip和红色边框的形式显示出来。但这边如果又在TextBox里面设置ToolTip那么就会优先选择TextBox里的,也就是Style中的ToolTip遇到错误信息是不会显示出来的,而是显示TextBox中的ToolTip。所以我们可以改善一下显示的模版来解决这个问题。
1 2 3 4 5 6 7 8 9 10 11 12 <span><ControlTemplate x:Key=<span>"ErrorTemplate"> <DockPanel LastChildFill=<span>"true"> <Border Background=<span>"Red" DockPanel.Dock=<span>"right" Margin=<span>"5,0,0,0" Width=<span>"20" Height=<span>"20" CornerRadius=<span>"10" ToolTip=<span>"{Binding ElementName=customAdorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}"> <TextBlock Text=<span>"!" VerticalAlignment=<span>"center" HorizontalAlignment=<span>"center" FontWeight=<span>"Bold" Foreground=<span>"white"> </TextBlock> </Border> <AdornedElementPlaceholder Name=<span>"customAdorner" VerticalAlignment=<span>"Center" > <Border BorderBrush=<span>"red" BorderThickness=<span>"1" /> </AdornedElementPlaceholder> </DockPanel> </ControlTemplate></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
2、Exception 验证 Exception :我们xaml中绑定的对象是属性。所以Exception验证,就是通过属性的改变来判断是否正常。如:
1 2 3 4 5 6 7 8 9 10 11 12 <span> public <span>int Age { get { <span>return _age; } set { <span>if (<span>value > 200) { <span>throw <span>new Exception(<span>"年龄不能大于200"); } _age = <span>value; } }</span></span></span></span></span></span></span></span></span>
同样跑出的异常在Xaml中也要显示下。XAML同上。这种方式就会破坏POCO的设计原则。
3、IDataErrorInfo 验证 IDataErrorInfo:这个验证是通过我们的实体对象继承IDataErrorInfo来实现的。这里声明的this索引器来访问类的成员。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <span> public <span>class BaseDataErrorInfo : IDataErrorInfo { <span>private <span>string _error; <span>public <span>string <span>this[<span>string columnName] { get { <span>return GetErrorFor(columnName); } } <span>public <span>string Error { get { <span>return _error; } set { _error = <span>value; } } <span>public <span>virtual <span>string GetErrorFor(<span>string columnName) { <span>return <span>string.Empty; } }</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 <span>public <span>class Person : BaseDataErrorInfo { <span>public <span>string Name { get; set; } <span>public <span>override <span>string GetErrorFor(<span>string columnName) { <span>if (columnName == <span>"Name") <span>if (<span>string.IsNullOrEmpty(Name)) <span>return <span>"Name 不能为空"; <span>return <span>base.GetErrorFor(columnName); } }</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
XAML同上。
4、Custom Control 验证 这里我即不想污染实体类,又想实现一个通用的Validate。我想通过我xaml绑定的属性和它所属的控件。来显示ToolTip。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 <span> public <span>abstract <span>class Validator : FrameworkElement { <span>static Validator() { DefaultStyleKeyProperty.OverrideMetadata(<span>typeof(Validator), <span>new FrameworkPropertyMetadata(<span>typeof(Validator))); } <span>public <span>virtual <span>string ErrorMessage { get { <span>return <span>string.Empty; } } <span>public <span>abstract <span>bool InitialValidation(); <span>public FrameworkElement ElementName { get { <span>return (FrameworkElement)GetValue(ElementNameProperty); } set { SetValue(ElementNameProperty, <span>value); } } <span>// Using a DependencyProperty as the backing store for ElementName. This enables animation, styling, binding, etc... <span>public <span>static <span>readonly DependencyProperty ElementNameProperty = DependencyProperty.Register(<span>"ElementName", <span>typeof(FrameworkElement), <span>typeof(Validator), <span>new PropertyMetadata(<span>null)); <span>public <span>object Source { get { <span>return (<span>object)GetValue(SourceProperty); } set { SetValue(SourceProperty, <span>value); } } <span>// Using a DependencyProperty as the backing store for Source. This enables animation, styling, binding, etc... <span>public <span>static <span>readonly DependencyProperty SourceProperty = DependencyProperty.Register(<span>"Source", <span>typeof(<span>object), <span>typeof(Validator), <span>new UIPropertyMetadata(<span>new PropertyChangedCallback(ValidPropertyPropertyChanged))); <span>private <span>static <span>void ValidPropertyPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) { var validator = d <span>as Validator; <span>if (validator != <span>null) validator.SetSourceFromProperty(); <span>if (<span>string.IsNullOrEmpty(e.NewValue.ToString())) { <span>if (validator != <span>null) { validator.IsValid = validator.InitialValidation(); <span>if (validator.ElementName.DataContext != <span>null) validator.ShowToolTip(); validator.IsValid = <span>false; } } } <span>private <span>void ShowToolTip() { <span>if (IsValid) { timer = <span>new DispatcherTimer(); timer.Interval = TimeSpan.FromSeconds(1.5); _toolTip = <span>new ToolTip(); _toolTip.StaysOpen = <span>true; _toolTip.PlacementTarget = ElementName; _toolTip.Placement = PlacementMode.Right; _toolTip.Content = ErrorMessage; _toolTip.IsOpen = <span>true; timer.Tick += (sender, args) => { _toolTip.IsOpen = <span>false; timer.Stop(); }; timer.Start(); } } <span>private <span>void SetSourceFromProperty() { var expression = <span>this.GetBindingExpression(SourceProperty); <span>if (expression != <span>null && <span>this.ElementName == <span>null) <span>this.SetValue(Validator.ElementNameProperty, expression.DataItem <span>as FrameworkElement); } <span>private ToolTip _toolTip; <span>private DispatcherTimer timer; <span>public <span>bool IsValid { get; set; } }</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
这是一个简单的Validate基类。提供思想。功能不完善。
然后继承这个Validator
1 2 3 4 5 6 7 8 9 10 <span>public <span>class RequiredValidator : Validator { <span>public <span>override <span>string ErrorMessage { get { <span>return <span>"不能为空值"; } } <span>public <span>override <span>bool InitialValidation() { <span>if (Source == <span>null) <span>return <span>false; <span>return <span>string.IsNullOrEmpty(Source.ToString()); } }</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
这里ErrorMessage是显示错误信息。
InitialValidation方法是我们要验证的规则。
代码
关于使用的小例子:
一、通过代码实现数据绑定 通过代码实现数据绑定,使用的是System.Windows.Data命名空间的Binding类,主要使用Binding类的如下的属性:
Source属性:绑定到的数据源
Mode属性:绑定的模式(OneTime、OneWay、TwoWay、OneWayToSource或Default)
Path属性:绑定到的数据源的属性
Converter属性:绑定时所使用的类型转换器
在绑定目标控件上使用SetBinding方法添加数据绑定。例如将MyData的Name属性绑定到txtName控件的Text属性上,使用MyColorConverter转换器将MyBindingColor的ColorObject属性绑定到rec控件的Fill属性上:
1 <span> 1: MyData data = new MyData();</span>
1 <span> 3: Binding binding1 = new Binding();</span>
1 <span> 4: binding1.Source = data;</span>
1 <span> 5: binding1.Mode = BindingMode.OneWay;</span>
1 <span> 6: binding1.Path = new PropertyPath("Name");</span>
1 <span> 8: txtName.SetBinding(TextBox.TextProperty, binding1);</span>
1 <span> 10: </span>
1 <span> 11: MyBindingColor color = new MyBindingColor();</span>
1 <span> 12: </span>
1 <span> 13: Binding binding2 = new Binding();</span>
1 <span> 14: binding2.Source = color;</span>
1 <span> 15: binding2.Mode = BindingMode.OneWay;</span>
1 <span> 16: binding2.Path = new PropertyPath("ColorObject");</span>
1 <span> 17: binding2.Converter = new MyColorConverter();</span>
1 <span> 18: </span>
1 <span> 19: rec.SetBinding(Rectangle.FillProperty, binding2);</span>
二、实现绑定数据的验证: 对于绑定数据的验证,系统采用如下的机制:
使用 WPF 数据绑定模型可以将 ValidationRules 与 Binding 对象相关联。当绑定目标的属性向绑定源属性传递属性值时(仅限TwoWay模式或OneWayToSource模式),执行ValidationRule中的Validate方法,实现对界面输入数据的验证。
定义验证可以采用以下三种:
DataErrorValidationRule:检查由源对象的 IDataErrorInfo 实现所引发的错误,要求数据源对象实现System.ComponentModel命名空间的IDataErrorInfo接口。
例如,定义一个学生信息类,要求其学生成绩在0到100间,学生姓名的长度在2到10个字符间:
1 <span> 1: public class StudentInfoWithValidation : IDataErrorInfo</span>
1 <span> 3: #region 构造方法</span>
1 <span> 4: public StudentInfoWithValidation()</span>
1 <span> 6: StudentName = "Tom";</span>
1 <span> 7: Score = 90;</span>
1 <span> 9: public StudentInfoWithValidation(string m_StudentName,double m_Score)</span>
1 <span> 11: StudentName = m_StudentName;</span>
1 <span> 12: Score = m_Score;</span>
1 <span> 14: #endregion</span>
1 <span> 15: </span>
1 <span> 16: #region 属性</span>
1 <span> 17: public string StudentName</span>
1 <span> 19: get; set;</span>
1 <span> 21: public double Score</span>
1 <span> 23: get; set;</span>
1 <span> 25: #endregion</span>
1 <span> 26: </span>
1 <span> 27: #region 实现IDataErrorInfo接口的成员</span>
1 <span> 28: public string Error</span>
1 <span> 32: return null;</span>
1 <span> 35: </span>
1 <span> 36: public string this[string columnName]</span>
1 <span> 40: string result = null;</span>
1 <span> 41: </span>
1 <span> 42: switch (columnName)</span>
1 <span> 44: case "StudentName":</span>
1 <span> 45: // 设置StudentName属性的验证规则</span>
1 <span> 46: int len = StudentName.Length;</span>
1 <span> 47: if (len < 2 || len > 10)</span>
1 <span> 49: result = "StudentName length must between 2 and 10";</span>
1 <span> 51: break;</span>
1 <span> 52: case "Score":</span>
1 <span> 53: // 设置Score属性的验证规则</span>
1 <span> 54: if (Score < 0 || Score > 100)</span>
1 <span> 56: result = "Score must between 0 and 100";</span>
1 <span> 58: break;</span>
1 <span> 60: </span>
1 <span> 61: return result;</span>
1 <span> 64: #endregion</span>
在界面上,定义两个TextBox绑定到StudentName和Score两个属性上,并设置其采用DataErrorValidationRule:
1 <span> 1: <Window x:Class="WPFDataBindingDemo.WinDataErrorValidationRuleDemo"</span>
1 <span> 2: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"</span>
1 <span> 3: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"</span>
1 <span> 4: xmlns:local="clr-namespace:WPFDataBindingDemo"</span>
1 <span> 5: Title="WinDataErrorValidationRuleDemo" Height="154" Width="300"></span>
1 <span> 6: <Canvas Height="116" x:Name="mainCanvas"></span>
1 <span> 7: <Canvas.Resources></span>
1 <span> 8: <local:StudentInfoWithValidation x:Key="myData" /></span>
1 <span> 9: </Canvas.Resources></span>
1 <span> 10: <Canvas.DataContext></span>
1 <span> 11: <Binding Source="{StaticResource myData}" /></span>
1 <span> 12: </Canvas.DataContext></span>
1 <span> 13: <Label Canvas.Left="10" Canvas.Top="10" Height="28" Name="label1" Width="120">StudentName:</Label></span>
1 <span> 14: <Label Canvas.Left="10" Canvas.Top="36" Height="28" Name="label2" Width="120">Score:</Label></span>
1 <span> 15: <TextBox Canvas.Left="136" Canvas.Top="12" Height="23" Name="textBox1" Width="120"></span>
1 <span> 16: <TextBox.Text></span>
1 <span> 17: <Binding Path="StudentName" </span>
1 <span> 18: Mode="TwoWay" </span>
1 <span> 19: UpdateSourceTrigger="PropertyChanged"</span>
1 <span> 20: ValidatesOnDataErrors="True" /></span>
1 <span> 21: </TextBox.Text></span>
1 <span> 22: </TextBox></span>
1 <span> 23: <TextBox Canvas.Left="136" Canvas.Top="41" Height="23" Name="textBox2" Width="120"></span>
1 <span> 24: <TextBox.Text></span>
1 <span> 25: <Binding Path="Score" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged"></span>
1 <span> 26: <!--与上一个TextBox控件的写法作用相同--></span>
1 <span> 27: <Binding.ValidationRules></span>
1 <span> 28: <DataErrorValidationRule /></span>
1 <span> 29: </Binding.ValidationRules></span>
1 <span> 30: </Binding></span>
1 <span> 31: </TextBox.Text></span>
1 <span> 32: </TextBox></span>
1 <span> 33: <Button Canvas.Left="12" Canvas.Top="79" Height="23" Name="button1" Width="118" Click="button1_Click">Get Student Info</Button></span>
1 <span> 34: <Button Canvas.Left="136" Canvas.Top="79" Height="23" Name="button2" Width="118" Click="button2_Click">Get Validate State</Button></span>
1 <span> 35: </Canvas></span>
1 <span> 36: </Window></span>
从执行的结果上来看,当验证出现错误(即索引器属性返回的字符串不为空时),系统默认给出一种验证错误的显示方式(控件以红色边框包围),但是需注意两点:
产生验证错误,验证后的数据仍然会更改数据源的值
如果系统出现异常,如成绩值输入 “90d”,则系统不会显示错误,控件上的输入值也不赋值到数据源。这种情况下,需要使用ExceptionValidationRule。
ExceptionValidationRule:即当绑定目标的属性值向绑定源的属性值赋值时引发异常所产生的验证。此种方式若实现自定义的逻辑验证,通常设置数据源的属性的Set访问器,在Set访问器中,根据输入的值结合逻辑,使用throw抛出相应的异常。
例如上例中,对于Score对应的TextBox,再加入ExceptionValidationRule:
1 <span> 1: <TextBox Canvas.Left="136" Canvas.Top="41" Height="23" Name="textBox2" Width="120"></span>
1 <span> 2: <TextBox.Text></span>
1 <span> 3: <Binding Path="Score" Mode="TwoWay" UpdateSourceTrigger="PropertyChanged"></span>
1 <span> 4: <!--与上一个TextBox控件的写法作用相同--></span>
1 <span> 5: <Binding.ValidationRules></span>
1 <span> 6: <DataErrorValidationRule /></span>
1 <span> 7: <ExceptionValidationRule /></span>
1 <span> 8: </Binding.ValidationRules></span>
1 <span> 9: </Binding></span>
1 <span> 10: </TextBox.Text></span>
1 <span> 11: </TextBox></span>
自定义验证规则:定义一个类,继承ValidationRule抽象类,实现其Validate方法,验证某一输入。
例如,定义一个类,用来验证输入的Email地址是否合法(验证的Email允许为字符串的空值String.Empty,但有输入必须符合Email的格式要求)
在学生类中添加Email可读可写属性(并不做相应的验证,忽略其他重复代码):
1 <span> 1: public string Email</span>
1 <span> 3: set; get;</span>
定义一个类,实现Email格式验证:
1 <span> 1: using System.Globalization;</span>
1 <span> 2: using System.Text.RegularExpressions;</span>
1 <span> 3: using System.Windows.Controls;</span>
1 <span> 5: namespace WPFDataBindingDemo</span>
1 <span> 7: public class EmailValidationRule : ValidationRule</span>
1 <span> 9: public override ValidationResult Validate(object value, CultureInfo cultureInfo)</span>
1 <span> 11: bool isValid = false;</span>
1 <span> 12: string message = null;</span>
1 <span> 13: </span>
1 <span> 14: // 检查输入值不为空,且是字符串</span>
1 <span> 15: if (value != null && value is string)</span>
1 <span> 17: string email = value.ToString();</span>
1 <span> 18: </span>
1 <span> 19: // 检查输入的字符串是否为String.Empty</span>
1 <span> 20: if (email != string.Empty)</span>
1 <span> 22: string emailFormartRegex =</span>
1 <span> 23: @"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|" +</span>
1 <span> 24: @"(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$";</span>
1 <span> 26: // 检查输入的字符串是否符合Email格式</span>
1 <span> 27: isValid = Regex.IsMatch(email, emailFormartRegex);</span>
1 <span> 28: </span>
1 <span> 29: if (! isValid)</span>
1 <span> 31: message = "Input string not match Email Format";</span>
1 <span> 36: // 输入的字符串为字符串空值时,认为验证通过</span>
1 <span> 37: isValid = true;</span>
1 <span> 42: message = "Input value is NULL or is not string.";</span>
1 <span> 44: </span>
1 <span> 45: // 返回验证结果(ValidationResult对象)</span>
1 <span> 46: return new ValidationResult(isValid,message);</span>
在界面上:
1 <span> 1: <TextBox Canvas.Left="104" Canvas.Top="70" Height="23" Name="textBox3" Width="152"></span>
1 <span> 2: <Binding Mode="TwoWay" Path="Email" UpdateSourceTrigger="PropertyChanged"></span>
1 <span> 3: <Binding.ValidationRules></span>
1 <span> 4: <local:EmailValidationRule /></span>
1 <span> 5: </Binding.ValidationRules></span>
1 <span> 6: </Binding></span>
1 <span> 7: </TextBox></span>
三、为数据验证提供视觉效果 在数据验证错误后,可以通过以下两种方式提供相应的视觉效果:
如果要使输入的控件的外观发生变化,可以使用Style。例如上例中出错,使输入的文本框的背景颜色和字体颜色发生变化,并提供ToolTip显示错误信息,可以定义如下的Style:
1 <span> 1: <Style TargetType="TextBox"></span>
1 <span> 2: <Setter Property="Background" Value="White" /></span>
1 <span> 3: <Setter Property="Foreground" Value="Black" /></span>
1 <span> 4: <Style.Triggers></span>
1 <span> 5: <Trigger Property="Validation.HasError" Value="True"></span>
1 <span> 6: <Setter Property="Background" Value="#DDD" /></span>
1 <span> 7: <Setter Property="Foreground" Value="Red" /></span>
1 <span> 8: <Setter Property="ToolTip"</span>
1 <span> 9: Value="{Binding RelativeSource={RelativeSource Self},Path=(Validation.Errors)[0].ErrorContent}"/></span>
1 <span> 10: </Trigger></span>
1 <span> 11: </Style.Triggers></span>
1 <span> 12: </Style></span>
效果如下:
如果要为相应的控件添加一些辅助的控件,可以使用控件模板,如出现验证错误时,不使用系统默认的红色边框,而是在文本框后添加一个红色的星号:
1 <span> 1: <ControlTemplate x:Key="validErrorTextBoxTemplate"></span>
1 <span> 2: <DockPanel></span>
1 <span> 3: <AdornedElementPlaceholder/></span>
1 <span> 4: <TextBlock Foreground="Red" FontSize="20">*</TextBlock></span>
1 <span> 5: </DockPanel></span>
1 <span> 6: </ControlTemplate></span>
并在每一个输入的TextBox中添加:
1 <span> 1: Validation.ErrorTemplate="{StaticResource validErrorTextBoxTemplate}"</span>