INotifyPropertyChanged是什么,它有什么作用?通过查阅MSDN我们知道,INotifyPropertyChanged 接口用于向客户端(通常是执行绑定的客户端)发出某一属性值已更改的通知。
当绑定数据源的某属性值改变时,它可以通知客户端,并进行界面数据更新.而我们不用写很多复杂的代码来更新界面数据,这样可以做到方法简洁而清晰,INotifyPropertyChanged确实是一个强大的接口。
首先,我们需要了解如下有关Silverlight 2.0 数据绑定的术语:
Binding
-
将绑定目标对象的属性与数据源联接起来
Source
-
绑定的数据源
Mode
-
绑定的数据流的方向 [System.Windows.Data.BindingMode枚举]
BindingMode.OneTime
-
一次绑定。创建绑定时一次性地更新绑定目标对象的属性
BindingMode.OneWay
-
单向绑定(默认值)。数据源的改变会自动通知到绑定目标对象的属性
BindingMode.TwoWay
-
双向绑定。数据源或绑定目标对象的属性的值发生改变时会互相通知。显然,做数据验证的话一定要是双向绑定
INotifyPropertyChanged
-
向客户端发出某一属性值已更改的通知
IValueConverter
-
值转换接口,将一个类型的值转换为另一个类型的值。它提供了一种将自定义逻辑应用于绑定的方式
接下来我们学习简单的数据绑定并了解INotifyPropertyChanged所发挥的作用。
首先启动VS2008,新建Silverlight应用程序,程序名为MyINotifyPropertyChanged,系统自动为我们建立两个项目,一个是MyINotifyPropertyChanged,一个是MyINotifyPropertyChanged.Web。在MyINotifyPropertyChanged子项目下,我们添加了两类数据源:
StudentNotify.cs :引入了INotifyPropertyChanged接口
Code
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.ComponentModel; //需要添加此命名空间
namespace MyINotifyPropertyChanged
{
public class StudentNotify : INotifyPropertyChanged
{
private string NameValue;
private int AgeValue;
public string SName
{
get { return NameValue; }
set
{
NameValue = value;
// Call NotifyPropertyChanged when the property is updated
NotifyPropertyChanged("SName");
}
}
public int SAge
{
get { return AgeValue; }
set
{
AgeValue = value;
// Call NotifyPropertyChanged when the property is updated
NotifyPropertyChanged("SAge");
}
}
// Declare the PropertyChanged event
public event PropertyChangedEventHandler PropertyChanged;
// NotifyPropertyChanged will raise the PropertyChanged event passing the
// source property that is being updated.
public void NotifyPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
public StudentNotify()
{
}
public StudentNotify(string NameStr,int AgeInt)
{
SName = NameStr;
SAge = AgeInt;
}
}
}
Student.cs :没有引入INotifyPropertyChanged接口
Code
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace MyINotifyPropertyChanged
{
public class Student
{
public string SName { get; set; }
public int SAge { get; set; }
}
}
对于呈现界面我们设计了两大组基于不同Binding Mode值的TextBox
第一组的TextBox其BindingMode值分别为:
Default
OneTime
OneWay
TwoWay
第二组的TextBox其BindingMode值全部为:
TwoWay
此外,我们设计了一个ComboBox,用于选择我们将要对上述两组呈现界面进行数据绑定的不同数据源。
因此,Page.xaml代码如下:
Code
<UserControl x:Class="MyINotifyPropertyChanged.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="500">
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="200"></RowDefinition>
<RowDefinition Height="20" ></RowDefinition>
<RowDefinition Height="200" ></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200" />
<ColumnDefinition Width="200" />
</Grid.ColumnDefinitions>
<StackPanel Grid.Row="0" Grid.Column="0" Background="Azure" Orientation="Vertical" Margin="20">
<TextBlock x:Name="tbNameOne" Width="150" Text="姓名-default" TextAlignment="Center" FontSize="20" Foreground="Blue" Margin="4" ></TextBlock>
<TextBlock x:Name="tbAgeOne" Width="150" Text="年龄-OneTime" TextAlignment="Center" FontSize="20" Foreground="Blue" Margin="4"></TextBlock>
<TextBlock x:Name="tbNameTwo" Width="150" Text="姓名-OneWay" TextAlignment="Center" FontSize="20" Foreground="Brown" Margin="4"></TextBlock>
<TextBlock x:Name="tbAgeTwo" Width="150" Text="年龄-TwoWay" TextAlignment="Center" FontSize="20" Foreground="Brown" Margin="4"></TextBlock>
</StackPanel>
<StackPanel Grid.Row="0" Grid.Column="1" Background="Aqua" Orientation="Vertical" Margin="20">
<TextBox x:Name="txtNameOne" Text="{Binding SName}" Margin="6"></TextBox>
<TextBox x:Name="txtAgeOne" Text="{Binding SAge,Mode=OneTime}" Margin="6"></TextBox>
<TextBox x:Name="txtNameTwo" Text="{Binding SName,Mode=OneWay}" Margin="6"></TextBox>
<TextBox x:Name="txtAgeTwo" Text="{Binding SAge,Mode=TwoWay}" Margin="6"></TextBox>
</StackPanel>
<TextBlock x:Name="tbSourceName" Width="150" FontSize="16" Foreground="Red" Grid.Row="1" Grid.Column="0" Text="当前数据源" TextAlignment="Left"></TextBlock>
<ComboBox x:Name="cmbDataSource" Grid.Row="1" Grid.Column="1" Height="20" Width="150" SelectionChanged="cmbDataSource_SelectionChanged"></ComboBox>
<StackPanel Grid.Row="2" Grid.Column="0" Background="Bisque" Orientation="Vertical" Margin="20">
<TextBlock x:Name="dtbNameOne" Width="150" Text="姓名-TwoWay" TextAlignment="Center" FontSize="20" Foreground="Blue" Margin="4"></TextBlock>
<TextBlock x:Name="dtbAgeOne" Width="150" Text="年龄-TwoWay" TextAlignment="Center" FontSize="20" Foreground="Blue" Margin="4"></TextBlock>
<TextBlock x:Name="dtbNameTwo" Width="150" Text="姓名-TwoWay" TextAlignment="Center" FontSize="20" Foreground="Brown" Margin="4"></TextBlock>
<TextBlock x:Name="dtbAgeTwo" Width="150" Text="年龄-TwoWay" TextAlignment="Center" FontSize="20" Foreground="Brown" Margin="4"></TextBlock>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Background="Aquamarine" Orientation="Vertical" Margin="20">
<TextBox x:Name="dtxtNameOne" Text="{Binding SName,Mode=TwoWay}" Margin="6" ></TextBox>
<TextBox x:Name="dtxtAgeOne" Text="{Binding SAge,Mode=TwoWay}" Margin="6"></TextBox>
<TextBox x:Name="dtxtNameTwo" Text="{Binding SName,Mode=TwoWay}" Margin="6"></TextBox>
<TextBox x:Name="dtxtAgeTwo" Text="{Binding SAge,Mode=TwoWay}" Margin="6"></TextBox>
</StackPanel>
</Grid>
</UserControl>
Page.xaml.cs后台代码如下 :
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Net;
using
System.Windows;
using
System.Windows.Controls;
using
System.Windows.Documents;
using
System.Windows.Input;
using
System.Windows.Media;
using
System.Windows.Media.Animation;
using
System.Windows.Shapes;
namespace
MyINotifyPropertyChanged
{
public
partial
class
Page : UserControl
{
Student st
=
new
Student()
{
SName
=
"
Jack
"
,
SAge
=
25
};
StudentNotify stn
=
new
StudentNotify(
"
Tom
"
,
26
);
public
Page()
{
InitializeComponent();
Loaded
+=
new
RoutedEventHandler(Page_Loaded);
}
private
void
Page_Loaded(
object
sender,EventArgs e)
{
this
.tbSourceName.Text
=
"
当前数据源
"
;
this
.cmbDataSource.Items.Add(
"
有Notify
"
);
this
.cmbDataSource.Items.Add(
"
无Notify
"
);
this
.cmbDataSource.SelectedIndex
=
0
;
this
.cmbDataSource.SelectedItem
=
0
;
}
private
void
cmbDataSource_SelectionChanged(
object
sender, SelectionChangedEventArgs e)
{
switch
(
this
.cmbDataSource.SelectedIndex)
{
case
0
:
this
.LayoutRoot.DataContext
=
stn;
break
;
case
1
:
this
.LayoutRoot.DataContext
=
st;
break
;
}
}
}
}
按下F5运行测试。
测试过程:
1、默认时我们先绑定有INotifyPropertyChanged接口的数据源,在测试界面,我们依次改变第二大组TextBox框的值(它们的BindingMode都是TwoWay),当改变生效时注意观察其它TextB
ox值的变化,我们可以看到只有OneTime设置的TextBox的值不受影响,其它相关TextBox都会随着数据源的变化的而变化,同时,在第二大组的TextBox的值的改变都会改变数据源的数据,因为它们的设置是TwoWay的。
2、在测试界面,我们依次改改变第一大组的TextBox框内的值。我们可以看到只有TwoWay设置的TextBox的值会影响到数据源并进而影响到除OneTime设置TextBox框外的其它TextBox相关框的值。而其它设置的TextBox框内的值的改变则对数据源没有什么反向影响。
3、我们改变绑定,数据源换成无INotifyPropertyChanged接口的数据源,再按上述方法改变TextBox框内的数据值,看看它们的变化,可以看出,此时TextBox内数据值的改变不再有与数据源通信的能力,而不论它们的Mode设置是什么值。
前往:Silverlight学习笔记清单
本文参照了部分网络资料,希望能够抛砖引玉,大家共同学习。
(转载本文请注明出处)