Silverlight Style (一) 如何在页面应用样式

“样式”在开发过程中是非常重要的一环，通过样式开发人员可以控制控件的外观以给用户更良好体验。而且，使用样式能够更方便的调整应用了该样式的控件的外观。本文主要介绍如何在Silverlight的页面代码中增加样式。

Silverlight与传统的Web页面不同，不能使用css 样式表，而是一套不同的样式系统。

通常情况下，我们会在页面中定义如下的标签，并在该标签中定义样式。

<UserControl.Resources></ UserControl.Resources >

如果我们需要定义全局的样式，以便所有的控件来应用，那么我们需要在App.xaml文件中定义

<Application.Resources></ Application.Resources >

具体代码如下：

 

<Application xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation 
             xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml  
             x:Class="MyApp.App"> 
    <Application.Resources> 
        <Style x:Name="MyTextBoxStyle" TargetType="TextBlock"> 
            <Setter Property="FontSize" Value="10"></Setter> 

            <Setter…></Setter>
<Setter…></Setter>
        </Style> 
    </Application.Resources> 
</Application>

 

 

在上面的样式中我们使用<Application.Resources>定义全局样式，<Style></Style>中定义一个样式的属性。

1、Name:指定样式在被应用时的名称。

2、TargetType:该样式对应的控件类型，在这里我们指定为“TextBlock”控件。

3、Setter:定义该样式所包含的属性。我们可以在一个样式中定义多个属性。

 

页面文件中应用样式的方法非常简单,只需要对控件的 Style 属性赋值即可。

<TextBlock  x:Name="myTextBlock" Text="Hello" Style="{StaticResource MyTextBoxStyle}"></TextBlock>

<TextBlock  x:Name="myTextBlock2" Text="HI" Style="{StaticResource MyTextBoxStyle}"></TextBlock>

 

通过以上两步，我们已经在页面中成功的应用了自定义样式，下一章，我们将了解如何在后台代码中应用和设置样式。