稳扎稳打Silverlight(15) - 2.0数据之一次绑定, 单向绑定, 双向绑定, INotifyPropertyChanged, 数据转换

简介:
  [索引页]
[源码下载]


稳扎稳打Silverlight(15) - 2.0数据之一次绑定, 单向绑定, 双向绑定, INotifyPropertyChanged, 数据转换, 数据验证


作者: webabcd


介绍
Silverlight 2.0 数据绑定:
    Binding - 将绑定目标对象的属性与数据源联接起来
        Source - 绑定的数据源
        Mode - 绑定的数据流的方向 [System.Windows.Data.BindingMode枚举]
            BindingMode.OneTime - 一次绑定。创建绑定时一次性地更新绑定目标对象的属性
            BindingMode.OneWay - 单向绑定(默认值)。数据源的改变会自动通知到绑定目标对象的属性
            BindingMode.TwoWay - 双向绑定。数据源或绑定目标对象的属性的值发生改变时会互相通知。显然,做数据验证的话一定要是双向绑定
        Path - 需要绑定的属性名称
        NotifyOnValidationError - 产生验证错误时是否触发 BindingValidationError 事件。默认值为 false
        ValidatesOnExceptions - 产生验证错误时绑定引擎是否要报告错误。默认值为 false
    INotifyPropertyChanged - 向客户端发出某一属性值已更改的通知
    IValueConverter - 值转换接口,将一个类型的值转换为另一个类型的值。它提供了一种将自定义逻辑应用于绑定的方式
        Convert - 正向转换器。将值从数据源传给绑定目标时,数据绑定引擎会调用此方法
        ConvertBack - 反向转换器。将值从绑定目标传给数据源时,数据绑定引擎会调用此方法
    BindingValidationError - 出现验证错误或解决上次验证错误则触发此事件


在线DEMO
http://webabcd.blog.51cto.com/1787395/342779 


示例
1、NotifyProperty.xaml(演示INotifyPropertyChanged)
<UserControl x:Class="Silverlight20.Data.NotifyProperty" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
        <StackPanel HorizontalAlignment="Left"> 

                <!-- 
                Binding - 将绑定目标对象的属性与数据源联接起来(本例为将 Ellipse的Fill属性 与 MyColor的Brush属性 相联) 
                Mode - Binding 的扩展属性之一,默认为 OneWay(单向绑定),即数据源的改变会自动通知到绑定目标对象的属性 
                --> 
                <Ellipse x:Name="ellipse" Width="100" Height="50" Fill="{Binding Brush, Mode=OneWay}" MouseLeftButtonDown="ellipse_MouseLeftButtonDown" /> 

        </StackPanel> 
</UserControl>
 
NotifyProperty.xaml.cs
InBlock.gif using System; 
InBlock.gif using System.Collections.Generic; 
InBlock.gif using System.Linq; 
InBlock.gif using System.Net; 
InBlock.gif using System.Windows; 
InBlock.gif using System.Windows.Controls; 
InBlock.gif using System.Windows.Documents; 
InBlock.gif using System.Windows.Input; 
InBlock.gif using System.Windows.Media; 
InBlock.gif using System.Windows.Media.Animation; 
InBlock.gif using System.Windows.Shapes; 
InBlock.gif 
InBlock.gif using System.ComponentModel; 
InBlock.gif 
InBlock.gif namespace Silverlight20.Data 
InBlock.gif
InBlock.gif         public partial  class NotifyProperty : UserControl 
InBlock.gif        { 
InBlock.gif                MyColor _myColor; 
InBlock.gif 
InBlock.gif                 public NotifyProperty() 
InBlock.gif                { 
InBlock.gif                        InitializeComponent(); 
InBlock.gif 
InBlock.gif                         this.Loaded +=  new RoutedEventHandler(NotifyProperty_Loaded); 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 void NotifyProperty_Loaded( object sender, RoutedEventArgs e) 
InBlock.gif                { 
InBlock.gif                        _myColor =  new MyColor { Brush =  new SolidColorBrush(Colors.Red) }; 
InBlock.gif 
InBlock.gif                         // DataContext - FrameworkElement 做数据绑定时的数据上下文 
InBlock.gif                         // 将 MyColor 对象绑定到 Ellipse 
InBlock.gif                        ellipse.DataContext = _myColor; 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 private  void ellipse_MouseLeftButtonDown( object sender, MouseButtonEventArgs e) 
InBlock.gif                { 
InBlock.gif                         // 鼠标按下后修改 MyColor 对象的属性 
InBlock.gif                         // 如果MyColor实现了INotifyPropertyChanged接口,并且绑定目标的BindingMode为OneWay或者TwoWay的话则会自动通知到绑定目标 
InBlock.gif                         if (_myColor.Brush.Color == Colors.Red) 
InBlock.gif                                _myColor.Brush =  new SolidColorBrush(Colors.Green); 
InBlock.gif                         else 
InBlock.gif                                _myColor.Brush =  new SolidColorBrush(Colors.Red); 
InBlock.gif                } 
InBlock.gif        } 
InBlock.gif 
InBlock.gif         /* 
InBlock.gif         * INotifyPropertyChanged - 向客户端发出某一属性值已更改的通知 
InBlock.gif         * 使用 OneWay 或者 TwoWay 的话必须要实现 INotifyPropertyChanged 接口 
InBlock.gif        */
 
InBlock.gif         public  class MyColor : INotifyPropertyChanged 
InBlock.gif        { 
InBlock.gif                 private SolidColorBrush _brush; 
InBlock.gif                 public SolidColorBrush Brush 
InBlock.gif                { 
InBlock.gif                        get {  return _brush; } 
InBlock.gif                        set 
InBlock.gif                        { 
InBlock.gif                                _brush = value; 
InBlock.gif                                 if (PropertyChanged !=  null
InBlock.gif                                { 
InBlock.gif                                         // 触发 PropertyChanged 事件,事件参数为属性名称 
InBlock.gif                                        PropertyChanged( thisnew PropertyChangedEventArgs( "Brush")); 
InBlock.gif                                } 
InBlock.gif                        } 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 // 声明一个 PropertyChanged 事件 
InBlock.gif                 public  event PropertyChangedEventHandler PropertyChanged; 
InBlock.gif        } 
InBlock.gif}
 
2、Conversion.xaml(演示数据转换)
<!--引用转换器所在的命名空间--> 
<UserControl x:Class="Silverlight20.Data.Conversion" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:custom="clr-namespace:Silverlight20.Data"> 
         
        <UserControl.Resources> 
         
                <!--在资源中声明转换器--> 
                <custom:ColorEnumToBrush x:Key="converter" /> 
                 
        </UserControl.Resources> 
         
        <StackPanel HorizontalAlignment="Left"> 

                <!-- 
                Converter - 用于指定转换器 
                ConverterParameter - 转换器所使用的参数 
                ConverterCulture - 转换器所使用的区域信息 
                --> 
                <Ellipse x:Name="ellipse" Width="100" Height="50" MouseLeftButtonDown="ellipse_MouseLeftButtonDown"    
                        Fill="{Binding ColorEnum, Converter={StaticResource converter}, ConverterParameter=10}"    
                /> 

        </StackPanel> 
</UserControl>
 
Conversion.xaml.cs
InBlock.gif using System; 
InBlock.gif using System.Collections.Generic; 
InBlock.gif using System.Linq; 
InBlock.gif using System.Net; 
InBlock.gif using System.Windows; 
InBlock.gif using System.Windows.Controls; 
InBlock.gif using System.Windows.Documents; 
InBlock.gif using System.Windows.Input; 
InBlock.gif using System.Windows.Media; 
InBlock.gif using System.Windows.Media.Animation; 
InBlock.gif using System.Windows.Shapes; 
InBlock.gif 
InBlock.gif using System.ComponentModel; 
InBlock.gif using System.Windows.Data; 
InBlock.gif 
InBlock.gif namespace Silverlight20.Data 
InBlock.gif
InBlock.gif         public partial  class Conversion : UserControl 
InBlock.gif        { 
InBlock.gif                MyColorEnum _myColorEnum; 
InBlock.gif 
InBlock.gif                 public Conversion() 
InBlock.gif                { 
InBlock.gif                        InitializeComponent(); 
InBlock.gif 
InBlock.gif                         this.Loaded +=  new RoutedEventHandler(Conversion_Loaded); 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 void Conversion_Loaded( object sender, RoutedEventArgs e) 
InBlock.gif                { 
InBlock.gif                        _myColorEnum =  new MyColorEnum() { ColorEnum = ColorEnum.Red }; 
InBlock.gif 
InBlock.gif                         // DataContext - FrameworkElement 做数据绑定时的数据上下文 
InBlock.gif                         // 将 MyColorEnum 对象绑定到 Ellipse 
InBlock.gif                        ellipse.DataContext = _myColorEnum; 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 private  void ellipse_MouseLeftButtonDown( object sender, MouseButtonEventArgs e) 
InBlock.gif                { 
InBlock.gif                         // 鼠标按下后修改 MyColorEnum 对象的属性 
InBlock.gif                         if (_myColorEnum.ColorEnum == ColorEnum.Red) 
InBlock.gif                                _myColorEnum.ColorEnum = ColorEnum.Green; 
InBlock.gif                         else 
InBlock.gif                                _myColorEnum.ColorEnum = ColorEnum.Red; 
InBlock.gif                } 
InBlock.gif        } 
InBlock.gif 
InBlock.gif         /* 
InBlock.gif         * IValueConverter - 值转换接口,将一个类型的值转换为另一个类型的值。它提供了一种将自定义逻辑应用于绑定的方式 
InBlock.gif         *         Convert - 正向转换器。将值从数据源传给绑定目标时,数据绑定引擎会调用此方法 
InBlock.gif         *         ConvertBack - 反向转换器。将值从绑定目标传给数据源时,数据绑定引擎会调用此方法 
InBlock.gif        */
 
InBlock.gif         public  class ColorEnumToBrush : IValueConverter 
InBlock.gif        { 
InBlock.gif                 /// <summary> 
InBlock.gif                 /// 正向转换器。将值从数据源传给绑定目标时,数据绑定引擎会调用此方法 
InBlock.gif                 /// </summary> 
InBlock.gif                 /// <param name="value">转换之前的值</param> 
InBlock.gif                 /// <param name="targetType">转换之后的类型</param> 
InBlock.gif                 /// <param name="parameter">转换器所使用的参数</param> 
InBlock.gif                 /// <param name="culture">转换器所使用的区域信息</param> 
InBlock.gif                 /// <returns>转换后的值</returns> 
InBlock.gif                 public  object Convert( object value, Type targetType,  object parameter, System.Globalization.CultureInfo culture) 
InBlock.gif                { 
InBlock.gif                         // 将 ColorEnum 类型的值转换为 SolidColorBrush 类型的值 
InBlock.gif 
InBlock.gif                         // parameter == 10 
InBlock.gif 
InBlock.gif                        ColorEnum color = (ColorEnum)value; 
InBlock.gif 
InBlock.gif                        SolidColorBrush brush =  new SolidColorBrush(Colors.Red); 
InBlock.gif 
InBlock.gif                         if (color == ColorEnum.Green) 
InBlock.gif                                brush =  new SolidColorBrush(Colors.Green); 
InBlock.gif 
InBlock.gif                         return brush; 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 /// <summary> 
InBlock.gif                 /// 反向转换器。将值从绑定目标传给数据源时,数据绑定引擎会调用此方法 
InBlock.gif                 /// </summary> 
InBlock.gif                 /// <param name="value">转换之前的值</param> 
InBlock.gif                 /// <param name="targetType">转换之后的类型</param> 
InBlock.gif                 /// <param name="parameter">转换器所使用的参数</param> 
InBlock.gif                 /// <param name="culture">转换器所使用的区域信息</param> 
InBlock.gif                 /// <returns>转换后的值</returns> 
InBlock.gif                 public  object ConvertBack( object value, Type targetType,  object parameter, System.Globalization.CultureInfo culture) 
InBlock.gif                { 
InBlock.gif                         return  null
InBlock.gif                } 
InBlock.gif        } 
InBlock.gif 
InBlock.gif         /* 
InBlock.gif         * INotifyPropertyChanged - 向客户端发出某一属性值已更改的通知 
InBlock.gif         * 使用 OneWay 或者 TwoWay 的话必须要实现 INotifyPropertyChanged 接口 
InBlock.gif        */
 
InBlock.gif         public  class MyColorEnum : INotifyPropertyChanged 
InBlock.gif        { 
InBlock.gif                 private ColorEnum _colorEnum; 
InBlock.gif                 public ColorEnum ColorEnum 
InBlock.gif                { 
InBlock.gif                        get {  return _colorEnum; } 
InBlock.gif                        set 
InBlock.gif                        { 
InBlock.gif                                _colorEnum = value; 
InBlock.gif                                 if (PropertyChanged !=  null
InBlock.gif                                { 
InBlock.gif                                         // 触发 PropertyChanged 事件,事件参数为属性名称 
InBlock.gif                                        PropertyChanged( thisnew PropertyChangedEventArgs( "ColorEnum")); 
InBlock.gif                                } 
InBlock.gif                        } 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 // 声明一个 PropertyChanged 事件 
InBlock.gif                 public  event PropertyChangedEventHandler PropertyChanged; 
InBlock.gif        } 
InBlock.gif 
InBlock.gif         /// <summary> 
InBlock.gif         /// 自定义的 ColorEnum 枚举 
InBlock.gif         /// </summary> 
InBlock.gif         public  enum ColorEnum 
InBlock.gif        { 
InBlock.gif                Red, 
InBlock.gif                Green 
InBlock.gif        } 
InBlock.gif}
 
 
3、Validation.xaml(演示数据验证)
<!--引用验证类所在的命名空间--> 
<UserControl x:Class="Silverlight20.Data.Validation" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:custom="clr-namespace:Silverlight20.Data"> 
         
        <!-- 
        BindingValidationError - 出现验证错误或解决上次验证错误则触发此事件 
        --> 
        <StackPanel HorizontalAlignment="Left" BindingValidationError="StackPanel_BindingValidationError" > 
                 
                <StackPanel.Resources> 
                 
                        <!--在资源中声明验证类--> 
                        <custom:MyValidation x:Name="myValidation"/> 
                         
                </StackPanel.Resources> 
                 
                <TextBox x:Name="textBox" Width="200" Margin="5"> 
                        <TextBox.Text> 
                         
                                <!-- 
                                Binding - 将绑定目标对象的属性与数据源联接起来 
                                        Source - 绑定的数据源 
                                        Mode - 绑定的数据流的方向 [System.Windows.Data.BindingMode枚举] 
                                                BindingMode.OneTime - 一次绑定。创建绑定时一次性地更新绑定目标对象的属性 
                                                BindingMode.OneWay - 单向绑定(默认值)。数据源的改变会自动通知到绑定目标对象的属性 
                                                BindingMode.TwoWay - 双向绑定。数据源或绑定目标对象的属性的值发生改变时会互相通知。显然,做数据验证的话一定要是双向绑定 
                                        Path - 需要绑定的属性名称 
                                        NotifyOnValidationError - 产生验证错误时是否触发 BindingValidationError 事件。默认值为 false 
                                        ValidatesOnExceptions - 产生验证错误时绑定引擎是否要报告错误。默认值为 false 
                                --> 
                                <Binding    
                                        Source="{StaticResource myValidation}"     
                                        Mode="TwoWay"    
                                        Path="Count" 
                                        NotifyOnValidationError="True"    
                                        ValidatesOnExceptions="True" 
                                /> 
                                         
                        </TextBox.Text> 
                </TextBox> 
                 
                <TextBox x:Name="textBox2" Width="200"    Margin="5" /> 
                        
        </StackPanel> 
         
</UserControl>
 
Validation.xaml.cs
InBlock.gif using System; 
InBlock.gif using System.Collections.Generic; 
InBlock.gif using System.Linq; 
InBlock.gif using System.Net; 
InBlock.gif using System.Windows; 
InBlock.gif using System.Windows.Controls; 
InBlock.gif using System.Windows.Documents; 
InBlock.gif using System.Windows.Input; 
InBlock.gif using System.Windows.Media; 
InBlock.gif using System.Windows.Media.Animation; 
InBlock.gif using System.Windows.Shapes; 
InBlock.gif 
InBlock.gif using System.Text.RegularExpressions; 
InBlock.gif 
InBlock.gif namespace Silverlight20.Data 
InBlock.gif
InBlock.gif         public partial  class Validation : UserControl 
InBlock.gif        { 
InBlock.gif                 public Validation() 
InBlock.gif                { 
InBlock.gif                        InitializeComponent(); 
InBlock.gif                } 
InBlock.gif 
InBlock.gif                 private  void StackPanel_BindingValidationError( object sender, ValidationErrorEventArgs e) 
InBlock.gif                { 
InBlock.gif                         // ValidationErrorEventArgs - 用于提供 BindingValidationError 事件的一些信息 
InBlock.gif                         //         ValidationErrorEventArgs.Action - 验证状态 
InBlock.gif                         //         ValidationErrorEventArgs.Error - 触发 BindingValidationError 事件的错误信息 
InBlock.gif                         //         ValidationErrorEventArgs.Handled - 标记该路由事件是否已被处理 
InBlock.gif                         // ValidationErrorEventAction.Added - 因为出现验证错误而触发此事件 
InBlock.gif                         // ValidationErrorEventAction.Removed - 因为解决上次验证错误而触发此事件 
InBlock.gif 
InBlock.gif                         if (e.Action == ValidationErrorEventAction.Added) 
InBlock.gif                        { 
InBlock.gif                                textBox.Background =  new SolidColorBrush(Colors.Red); 
InBlock.gif                                textBox.Text = e.Error.Exception.Message; 
InBlock.gif                        } 
InBlock.gif                         else  if (e.Action == ValidationErrorEventAction.Removed) 
InBlock.gif                        { 
InBlock.gif                                textBox.Background =  new SolidColorBrush(Colors.White); 
InBlock.gif                        } 
InBlock.gif                } 
InBlock.gif        } 
InBlock.gif 
InBlock.gif         /// <summary> 
InBlock.gif         /// 验证类。验证是否为正整数 
InBlock.gif         /// </summary> 
InBlock.gif         public  class MyValidation 
InBlock.gif        { 
InBlock.gif                 private  string _count; 
InBlock.gif                 public  string Count 
InBlock.gif                { 
InBlock.gif                        get {  return _count; } 
InBlock.gif                        set 
InBlock.gif                        { 
InBlock.gif                                 if (!Regex.IsMatch(value,  @"^\d+$")) 
InBlock.gif                                { 
InBlock.gif                                         // 绑定引擎可以报告由属性的 setter 抛出的异常,也可以报告由转换器(IValueConverter)抛出的异常 
InBlock.gif                                         throw  new Exception( "必须是正整数"); 
InBlock.gif                                } 
InBlock.gif 
InBlock.gif                                _count = value; 
InBlock.gif                        } 
InBlock.gif                } 
InBlock.gif        } 
InBlock.gif}
 
 
 

     本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/343058 ,如需转载请自行联系原作者
 
相关文章

热门文章

最新文章