Silverlight 下换肤的实现

核心提示：本文示例源代码或素材下载 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 默认的。