[译稿]Silverlight入门：第六部分——美化用户界面的样式与模板

这是Silverlight入门系列的第六部分。点击这里可以查看本系列的目录。你可以下载C#或Visual Basic版本的本示例应用程序的完整项目文件。

我们已经有了一个功能完备但还可以锦上添花的应用程序。让我们使搜索结果模板更漂亮一些。我们准备在Search.xaml的数据模板中为ItemControls做一些修改。

这些修改就像我们已经使用过的编辑模板功能一样可以在Blend中完成。应用了新的用户界面样式看起来会像这样：

我们可以注意到模板风格更精致了，却没有影响到原来的代码。虽然最后它将会输出大量的代码，但是我可以给你指出最终项目中的样式的位置。

应用样式和模板与绑定数据和模板很相像。如果我们观察一下ScrollViewer的状态：

1 < ScrollViewer Style ="{StaticResource scrollViewerStyle}" ...

2 ...

注意到相似的语法了吗？通过将{Binding}替换为{StaticResource}可以指向文档或App.xaml中已有的资源。在这个例子中，样式被保存在App.xaml中（查看文件底部的scrollViewerStyle和scrollBarStyle节点）。

我们也刚刚对模板中包含的样式颜色做了微小的改动。在Blend中编辑样式和模板，你大多不用担心修改你的.NET代码。我们可以在不改变代码的情况下改变控件的可视化布局和主题。

更多使用Expression Blend的资源：

Adam Kinney的博客 (Blend讲师)

样式和皮肤控制

在这个阶段如果能有一个UI设计师朋友那会是非常有帮助的。实际上，你很有可能在很早的时候就已经定义完成这个用户界面了。因为Blend与Visual Studio共享项目结构，所以你可以用任一工具很容易地打开项目而不是松散的文件。

看一看已完成的项目中的Assets/Styles.xaml文件，理解样式和模板是如何工作的。

下一步：通过使应用程序脱离浏览器运行来完成它。