Silverlight中的Button控件的两大特殊属性

开始介绍Content属性之前，请大家记住以下继承树：

Control(abstract)  
     ContentControl  
           Frame  
                PhoneApplicationFrame  
      UserControl  
           Page  
                PhoneApplicationPage 

注意ContentControl中Content属性是一个object对象!

在Silverlight中Button从ContentControl派生而来，间接从Control派生而来，因为属性继承的原 因，Button控件具有ContentControl控件的Content属性，其中Content属性是object对象，所以我们可以通过以下代码 对Button控件内容进行定义：

<Button> 
     <Button.Content> 
          Click this Button!  
     <Button.Content> 
  <Button> 

从表面上上述代码没错，但是在silverlight中不允许这样，另外凡是从ContentControl控件派生而来的控件，其Content属性元素标记可忽略，所以更改后的代码如下：

xmlns:system="clr-namespace;assembly=mscorlib" 
  <Button> 
     <system:String>Click this Button</system:String> 
  <Button> 

如果你不喜欢Button控件只显示普遍的文本内容，你也可以设置其Content属性内容为其它元素，但是该元素必须为FrameworkElement派生对象。例如设置Button控件的Content属性内容为一张图片：

<Button> 
     <Image Source="***.png" 
                 Stretch="none"/> 
 </Button> 

由于Button控件是ContentControl派生元素，故Button.Content属性元素语法形式可省略......

另外也可以设置Buton控件内的文本特殊的格式，例如以下代码设置了斜体的文本内容：

<Button> 
      <TextBlock> 
          <Run FontStyle="Italic">Click Me！</Run> 
      <TextBlock> 
  <Button> 

如 果想设置Button控件的Content属性内容为含渐变画刷的椭圆，我们就要用到ContentTemplate属性了;因为如上文所示，如果想设置 Button控件的Content属性内容为非文本内容，就要设置其Content属性内容为FrameworkElement类派生元素，而这里为含渐 变画刷的椭圆，而渐变画刷不是FrameworkElement派生元素，所以就要控制Button控件的ContentTemplate内容模板 了.....

相关XAML代码为：

<Button> 
      <Button.Content> 
           <RadialGradientBrush> 
                <GradientStop Offset="0“ Color="Blue"/> 
               <GradientStop Offset="1" Color="AliceBlue"/> 
           </RadialGradientBrush> 
      </Button.Content> 
      <Button.ContentTemplate> 
           <DataTemplate> 
                 <Elipse Width="100" 
                            Height="100" 
                            Fill="{Binding}"/> 
           </DataTemplate> 
      </Button.ContentTemplate> 
  </Button> 

显示结果为：

上 述XAML代码中有一个特殊的Binding语法标记，既没有设置Source，也没有设置ElementName或Path属性，只有 “{Binding}“，这表示绑定内容为上述渐变画刷;上述代码实际上还改变了该Button控件的一部分视觉树，其标准Button控件的视觉树为一 下形式：

而这里经过我们对ContentTemplate进行设置，该控件视觉树已经变成以下形式：

Button控件的ContentTemplate属性值为DataTemplate类型,对DataTemplate进行设置可以改变控件的一部分视觉树!

原文：http://www.cnblogs.com/YueHeiZS/archive/2011/12/27/2304126.html

【编辑推荐】

1. Silverlight版C1OutlookBar初体验
2. Silverlight***动态和未来前景
3. Silverlight企业应用开发实践之AgileEAS.NET
4. Silverlight 5，你的名字是“Windows”
5. Silverlight开发之偷拿别人HTML控件