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>

 

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

 

你可能感兴趣的:(silverlight)