WEB开发网
开发学院图形图像Flash Silverlight 下换肤的实现 阅读

Silverlight 下换肤的实现

 2008-10-24 11:46:21 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 Silverlight 目前控件要改变外观一般都通过 Style="{StaticResource SomeStyle}" 来指定,而不能统一设置一个默认的 Style. 为了重用,Silverlight 下换肤的实现,一般把 Style 都放到 App.xaml

本文示例源代码或素材下载

Silverlight 目前控件要改变外观一般都通过 Style="{StaticResource SomeStyle}" 来指定,而不能统一设置一个默认的 Style. 为了重用,一般把 Style 都放到 App.xaml 的 Resources 字典中去。而 Style 的定义往往非常冗长,这样 App.xaml 就会变得非常臃肿,修改维护都很麻烦。并且,还不能支持多个控件批量切换 Style 的,总之弊端非常多。

幸好 Nikhil Kothari 想了个办法解决了这个问题。在使用方式上,借鉴了 asp.net 的 Theme 机制。只要在 Silverlight 程序的根目录下定义一个 Themes 目录,并按要求往其中放入相关的皮肤文件即可。这里建议的方式是每一个控件一个单独的 xaml, 其中放了一个 UserControl. 之所以用 UserControl 的目的是为了能用 Expression Blend 进行可视化设计,非常直观。

主要实现思想:

1. 继承了一个自定义的 App 子类. 使用者需要将现有的 App.xaml 改成使用该类才行。

(同时这个 App 类还实现了根据 initParameters 在 xaml 中动态指定加载的 UserControl 和 Theme 的功能)

其中设置一个 ThemeName 属性来定义 Theme 名称。

2. 在 App 启动时,根据这个属性名动态去加载相关 xaml 的 xml 文件,并解析之。这些皮肤的 xaml 文件在 VS 里是要把 Build Action 设置成 Content 的。这样可以生成到 xap 包里去,以便于加载。

3. 在读取多个 xaml 文件并解析的过程中对同样的 Style 根据优先级做了相应的覆盖合并。最终形成一个总的 xaml 文件内容。

4. 用 XamlReader 的 Load 方法加载最终的文档。将其中的资源都抽取出来,并塞到 App.Resources 字典里去。

5. 然后正常的控件视觉树开始创建。其中的视觉元素指定了 StaticResource 样式,这时它就能从 App 的资源字典里获取到皮肤样式。

注意:这里自始至终没有动态对控件指定 Style 的机制。因为 Silverlight 目前不支持。

这个解决方案的主要思想就是在视觉树加载之前,动态的修改了 App 中的资源,后续的样式应用机制仍然是 framework 默认的。

Tags:Silverlight 实现

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接