Expression Blend实例中文教程(12)-样式和模板快速入门Style,Template

在上一篇，介绍了Visual State Manager视觉状态管理器，其中涉及到控件的样式（Style）和模板（ Template），本篇将详细介绍样式（Style）和模板（Template）在Silverlight项目中的应用，并介绍如 何使用Blend设计样式（Style）和模板（Template）。

在LOB（Line-of-Business）企业级应用项目开发中，为了使项目的视觉效果多样化，不仅仅使用动画 效果，而且经常还需要修改部分控件的样式（Style）和模板（Template）。 在Silverlight的控件包中 ，微软已经定义了默认控件样式和模板，开发人员可以在这些默认的代码上进行修改和调整，以达到项目 需求。但是由于默认的控件样式和模板代码过于冗长，手工修改起来相对复杂和繁琐，对此，微软封装了 一些新的功能在Blend中，方便开发人员和设计人员对模板和样式进行控制。 在学习Blend控制样式 （Style）和模板（Template）前，还是先快速了解一下样式（Style）和模板（Template）。

样式（Style），有HTML开发基础的朋友对传统的CSS样式表并不陌生，HTML将所有公用的属性代码汇 集到CSS文件中，使用CSS控制页面的背景，控制表格的宽度，控制控件距离等。Silverlight中的样式 （Style）和CSS相同，允许设计人员和开发人员将控件的公用属性定义到资源文件中，允许相同属性控件 自由调用，这样不仅提高了代码的复用性，而且保证了控件外观在项目中的一致性。

模板（Template），模板的概念在传统的Web页面开发中已经被引入，早期Dreamweaver因为支持创建 Web模板设计，吸引了不少Web开发者。Silverlight中同样引进了模板的概念。在Silverlight中，凡是继 承自System.Windows.Controls命名控件的控件都有一套默认的模板，设计人员和开发人员可以基于默认 模板的基础上进行修改，创建自定义模板。

样式（Style）和模板（Template）的定义

在Silverlight中，样式和模板定义是很简单的，因为很多属性已经被封装好，不需要自行创建，只需 要调用就可以了。简单的演示代码：

Style：

1 <UserControl.Resources>
2   <Style x:Key="TextBoxStyle" TargetType="TextBox">
3     这里定义具体样式属性
4   </Style>
5 </UserControl.Resources>

Template：

1 <UserControl.Resources>
2   <ControlTemplate x:Key="TextBoxTemplate" TargetType="TextBox" >
3     <Border BorderBrush="Orange" BorderThickness="3" CornerRadius="10"
4      Background="Red">
5           这里定义具体模板
6     </Border>
7   </ControlTemplate>
8 </UserControl.Resources>

样式（Style）和模板（Template）的使用

在Silverlight中样式（Style）和模板（Template）都属于控件资源，也就是说，两者都可以被定义 在资源文件中，而在项目页面中，仅需使用Style和Template属性调用就可以了。

Style：

1 <TextBox Style={"StaticResource TextBoxStyle"} Text="样式测试" />

Template：这个方法，也是Blend所支持的方法，下面我们看看实例，进一步理解。

1 <TextBox Template={"StaticResource TextBoxTemplate"} Text="模板测试 " />

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索控件
， 样式
， 模板
， template
， silverlight
， style
， 中文模板
， express入门
， 样式开发
， 模板入门
， 样式style
express模板
expression template、arttemplate模板引擎、js template 模板引擎、stringtemplate 模板、template模板，以便于您获取更多的相关知识。