Silverlight之我见——数据批示（1）

  

第一次听到这个概念，你是否有点陌生？MSDN上也没有特意的去说明。不要看到这个名词不太熟悉，其实数据批示，玩过C#的人都会非常熟悉，所谓数据批示，其本质就是特性（Attribute），怎么样，现在有点似曾相识了吧？

 

Attribute可以附加在命名空间、类，以及成员定义上的一种“特殊描述”，如下所示，这种标志枚举相信大家在使用COM互操作性或者引入平台API的时候用得很多了。

特性在使用的时候，可以忽略“Attribute”，如上面的，可以写成Flags。

Silverlight（银光）中的“数据批示”概念现在不陌生了，那么，它为何要叫数据批示呢？

因为这些特性类都是用于定义实体类的元数据的，它很像SQL里面的字段属性，如是否为只能，是否为自增长，是否为主/外键等。

这些类都定义在System.ComponentModel.DataAnnotations命名空间里面，有兴趣的可以查阅MSDN，这里当然不会逐个列举，我们只挑常用的来讨论。

好的，今天我们讨论第一个，相信也是使用频率最高的——DisplayAttribute。

Name属性：在UI中显示字段标签，下面看了示例你就明白了。

Description：对字段（属性）的描述，可以在UI中向用户显示工具提示信息。

Order：字段在用户界面的显示顺序，这个不用介绍了，和以前的ListView或DataGridView类似（System.Windows.Forms中）。

OK，就这几个，其实的属性不那么重要，其实使用Name和Description就足够了，来，看看下面这个实体类（实体类这玩意儿嘛，你就理解为对客观事物的一种抽象，相当于数据库中的表，用E-R图画出来可能生动一点）。

1. public class Song  
2. {  
3.     string m_Name = "";  
4.     string m_Singer = "";   
5.   
6.     public Song(string songName, string singer)  
7.     {  
8.         this.m_Name = songName;  
9.         this.m_Singer = singer;  
10.     }   
11.   
12.     [Display(Name = "歌曲名", Description = "请输入歌曲名。")]  
13.     public string Name  
14.     {  
15.         get { return this.m_Name; }  
16.         set { this.m_Name = value; }  
17.     }   
18.   
19.     [Display(Name = "歌手", Description = "请输入歌手姓名。")]  
20.     public string Singer  
21.     {  
22.         get { return this.m_Singer; }  
23.         set { this.m_Singer = value; }  
24.     }  
25. }   

这是一个歌曲类，它有两个属性：歌名和歌手，在上面的代码中，你应该看到了DisPlayAttribute的用法了。

但你一定有些迷惑，不要紧，所见即所得，运行程序一看便知晓。

上面用到了Label控件，这个控件不在.NET类库中定义，它在SDK的System.Windows.Controls.Data.Input.dll中，所以，使用前一定要把它添加到项目的引用列表中，这个就不用说了，玩VS的人都知道，省去38个字。

好，看看上面的截图，发现了没？Label上显示的，正是我们刚才定义的DisPlayAttrbute的Name属性。

 我们把两个TextBox分别绑定到Name和Singer属性。

你一定发现，在文本框的右侧有一个像“i”的符号，然后你把鼠标移到上面，别动，你就看到那几个字，记得吗？这几个字在哪里定义的？对了，就是DisPlayAttribute的Description属性。

现在，你感悟了没有？那么，Label是如何绑定起来的呢？

把Target设置为要绑定的控件名就行了，如这里是绑定到文本框，因为绑定路径不复杂，所以，无需设置属性路径。

好了，现在我就把XAML放出来，亮亮相。

大家不妨自己动手试试，很有意思的。

1. <UserControl x:Class="数据批注示例.MainPage"  
2.     xmlns=" http://schemas.microsoft.com/winfx/2006/xaml/presentation "   
3.     xmlns:x=" http://schemas.microsoft.com/winfx/2006/xaml "  
4.     xmlns:d=" http://schemas.microsoft.com/expression/blend/2008 " xmlns:mc=" http://schemas.openxmlformats.org/markup-compatibility/2006 "   
5.     mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"  
6.     xmlns:sdk="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input">  
7.   <Grid x:Name="LayoutRoot">  
8.         <Grid.ColumnDefinitions>  
9.             <ColumnDefinition Width="auto"/>  
10.             <ColumnDefinition Width="*"/>  
11.         </Grid.ColumnDefinitions>  
12.         <Grid.RowDefinitions>  
13.             <RowDefinition Height="27"/>  
14.             <RowDefinition Height="27"/>  
15.         </Grid.RowDefinitions>  
16.         <sdk:Label x:Name="lbName" Target="{Binding ElementName=txtName}" Grid.Column="0"  
17.                  Grid.Row="0" FontSize="14" Margin="1,1,20,1"/>  
18.         <sdk:Label x:Name="lbSinger" Target="{Binding ElementName=txtSinger}" Grid.Column="0"  
19.                  Grid.Row="1" FontSize="14" Margin="1,1,20,1"/>  
20.         <StackPanel Grid.Column="1" Grid.Row="0" Orientation="Horizontal">  
21.             <TextBox x:Name="txtName" Margin="1,1" Width="165"  
22.                     Text="{Binding Name}"/>  
23.             <sdk:DescriptionViewer Target="{Binding ElementName=txtName}" />  
24.         </StackPanel>  
25.         <StackPanel Grid.Column="1" Grid.Row="1" Orientation="Horizontal">  
26.             <TextBox x:Name="txtSinger" Margin="1,1" Width="165"  
27.                      Text="{Binding Singer}"/>  
28.             <sdk:DescriptionViewer Target="{Binding ElementName=txtSinger}"/>  
29.         </StackPanel>  
30.     </Grid>  
31. </UserControl>