Silverlight Style应用想过技巧分享

Silverlight工具的应用方法多种多样。如果想要全部掌握浙西而应用方法是一个比较复杂的过称。我们可以在实践总去逐渐的积累这些应用技巧。本篇的内容较为简单，主要针对Silverlight Style应用进行一个练习。Style简要的说就是一些属性值的集合，作用和CSS比较像。在Silverlight2中定义Style只能同用于同种类型的Element。如下代码：#t#

1. < Style x:Key="ButtonStyleTwo" 
   TargetType="Button"> 
2. < Setter Property="FontFamily"
    Value="Arial" /> 
3. < Setter Property="FontSize" 
   Value="40" /> 
4. < Setter Property="Foreground" 
   Value="Blue" /> 
5. < Setter Property="Background">
6. < /Style> 

这就是一个定义好的Silverlight Style应用，它只能用于Button组件，看看它如何产生作用，将Style直接嵌入Button：

 
 
 

  
  
  
< Button Content="Button"> 
  
  
  
< Button.Style> 
  
  
  
< Style TargetType="Button"> 
  
  
  
< Setter Property="FontFamily" 
Value="Arial" /> 
  
  
  
< Setter Property="FontSize" 
Value="40" /> 
  
  
  
< Setter Property="Foreground" 
Value="Blue" /> 
  
  
  
< Setter Property="Background"> 
  
  
  
< Setter.Value> 
  
  
  
< LinearGradientBrush> 
  
  
  
< GradientStop Color="Green"
 Offset="0">< /GradientStop> 
  
  
  
< GradientStop Color="Red" 
Offset="1">< /GradientStop> 
  
  
  
< /LinearGradientBrush> 
  
  
  
< /Setter.Value> 
  
  
  
< /Setter> 
  
  
  
< /Style> 
  
  
  
< /Button.Style>< /Button>  
 
 
 

当然也可以通过Resource的方式来设置Silverlight Style应用，分别设置了两个Style：ButtonStyleOne、ButtonStyleTwo，
ButtonStyleOne设置为默认Style，ButtonStyleTwo用于在点击Button后切换Style。

 
 
 

  
  
  
XAML Code：  
  
  
  
 
  
  
  
< UserControl x:Class="Silverligh
tTest.Page" 
  
  
  
xmlns="http://schemas.microsoft.
com/winfx/2006/xaml/presentation"   
  
  
  
xmlns:x="http://schemas.microsoft.
com/winfx/2006/xaml" 
  
  
  
Width="400"> 
  
  
  
< UserControl.Resources> 
  
  
  
< Style x:Key="ButtonStyleOne" 
TargetType="Button"> 
  
  
  
< Setter Property="FontFamily" 
Value="Georgia" /> 
  
  
  
< Setter Property="FontSize" 
Value="40" /> 
  
  
  
< Setter Property="Foreground"
 Value="SlateGray" /> 
  
  
  
< Setter Property="Background"> 
  
  
  
< Setter.Value> 
  
  
  
< LinearGradientBrush> 
  
  
  
< GradientStop Color="Blue" 
Offset="0">< /GradientStop> 
  
  
  
< GradientStop Color="Yellow"
 Offset="1">< /GradientStop> 
  
  
  
< /LinearGradientBrush> 
  
  
  
< /Setter.Value> 
  
  
  
< /Setter> 
  
  
  
< /Style> 
  
  
  
< Style x:Key="ButtonStyleTwo" 
TargetType="Button"> 
  
  
  
< Setter Property="FontFamily" 
Value="Arial" /> 
  
  
  
< Setter Property="FontSize" 
Value="40" /> 
  
  
  
< Setter Property="Foreground"
 Value="Pink" /> 
  
  
  
< Setter Property="Background"> 
  
  
  
< Setter.Value> 
  
  
  
< LinearGradientBrush> 
  
  
  
< GradientStop Color="Green"
 Offset="0">< /GradientStop> 
  
  
  
< GradientStop Color="Red" 
Offset="1">< /GradientStop> 
  
  
  
< /LinearGradientBrush> 
  
  
  
< /Setter.Value> 
  
  
  
< /Setter> 
  
  
  
< /Style> 
  
  
  
< /UserControl.Resources> 
  
  
  
< StackPanel x:Name="LayoutRoot"
 Background="White"> 
  
  
  
< Button x:Name="TestButton"
 Content="A Customized Button"
 Style="{StaticResource ButtonStyleOne}" 
Click="Button_Click">< /Button> 
  
  
  
< /StackPanel> 
  
  
  
< /UserControl>  
 
 
 

用C#来切换Silverlight Style应用，如下代码：

 
 
 

  
  
  
private void Button_Click
(object sender, RoutedEventArgs e)  
  
  
  
{  
  
  
  
//切换Style:ButtonStyleTwo  
  
  
  
TestButton.Style = this.Resources
["ButtonStyleTwo"] as Style;  
  
  
  
//修改Button文字 TestButton.
Content = "Style Changed";  
  
  
  
}