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

柔情只为你懂 2022-06-16 07:42 186阅读 0赞

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

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

![0_1323388415W7w4.gif][]

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

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

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

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

![0_13233884627kr6.gif][]

好的，今天我们讨论第一个，相信也是使用频率最高的——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的用法了。

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

![0_132338855347v3.gif][]

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

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

![0_13233885944U50.gif][]

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

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

![0_13233886346OhG.gif][]

现在，你感悟了没有？那么，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>  
32.

[0_1323388415W7w4.gif]: /images/20220616/620027485ec34ac7b932c28b3fb401ad.png
[0_13233884627kr6.gif]: /images/20220616/ea49d3898832412db5bf952a00bce397.png
[0_132338855347v3.gif]: /images/20220616/17c6ab1010d446d69e11115b4606afc5.png
[0_13233885944U50.gif]: /images/20220616/c6af89ae92894cf1a57680222340c4ab.png
[0_13233886346OhG.gif]: /images/20220616/fa32c4fbc6b6410888f1103a911bae82.png