Silverlight Style应用想过技巧分享-51CTO.COM

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

< Style x:Key="ButtonStyleTwo"
TargetType="Button">
< Setter Property="FontFamily"
Value="Arial" />
< Setter Property="FontSize"
Value="40" />
< Setter Property="Foreground"
Value="Blue" />
< Setter Property="Background">
< /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>  
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

当然也可以通过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>  
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.

用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";  
} 
1.
2.
3.
4.
5.
6.
7.
8.
9.