Windows Phone 资源管理与换肤思考

新入手一台Windows 8的笔记本，安装了VS2013后，终于又可以开发WP了。公司暂时不愿意开发WP，那么咱就自行研究吧！

 

在没有WP开发环境的时候，曾经在WPF尝试了一下换肤功能的实现。最简单的是在后台修改需要更换样式的控件的Style，然而这样做工作量很大而且可拓展性也很差。总不可能添加一种主题皮肤，就在每个页面写一次Style的加载吧，工作量太大又容易出错。

 

于是在MSDN上仔细阅读了相关文档，发现了DynamicResource拓展关键字。MSDN描述为“为任何 XAML 属性特性提供值，该值将推迟为对已定义的资源的引用。 该资源的查找行为与运行时查找类似。”什么意思呢，就是运行时才加载改资源，并且键值对应的资源修改时会同时更新UI控件的显示。这不是正是我们要找的么！

于是用WPF做了的Demo，Demo里面有两套模板，两套模板都定义了一套相同键值的资源样式（Style）。而页面使用DynamicResource绑定对应资源。切换两套模板，实现皮肤更换。

blackStyle.xaml模板

<Style x:Key="bgGrid" TargetType="Grid">
        <Setter Property="Background">
            <Setter.Value>
                <ImageBrush ImageSource="/Img/bgBlack.jpg" Stretch="Fill"/>
            </Setter.Value>
        </Setter>
    </Style>

WhiteStyle.xaml模板

<Style x:Key="bgGrid" TargetType="Grid">
       <Setter Property="Background">
            <Setter.Value>
                <ImageBrush ImageSource="/Img/bgLight.jpg" Stretch="Fill"/>
            </Setter.Value>
        </Setter>
    </Style>

切换应用加载的资源实现换肤

if (Application.Current.Resources.MergedDictionaries[1].Source.OriginalString.Equals("/Common/BlackStyle.xaml"))
            {
                Application.Current.Resources.MergedDictionaries[1].Clear();
                Application.Current.Resources.MergedDictionaries[1].Source = new Uri("/Common/WhiteStyle.xaml", UriKind.Relative);
            }
            else
            {
                Application.Current.Resources.MergedDictionaries[1].Clear();
                Application.Current.Resources.MergedDictionaries[1].Source = new Uri("/Common/BlackStyle.xaml", UriKind.Relative);
            }

如此，确实能实时更换皮肤。然而当我配置好Windows Phone的开发环境时，却发现这样的方式在WPF行得通，而Windows Phone 上面却行不通。且不说WP上没有实现DynamicResource关键字，在执行Application.Current.Resources.MergedDictionaries[1].Source = new Uri("/Common/BlackStyle.xaml", UriKind.Relative);这一句的时候更是提示了调用了Com组件的错误。好吧，WP的内核是和WPF不同，所以不能这样实现。但是动态资源DynamicResource确实是实现Xaml换肤的最好方式。

 

那么还有什么方法可以实现动态更换皮肤，并且可拓展性和可维护性又好呢？经过一番思考之后，觉得附加属性能够实现这样的功能。附加一个StyleName属性，并且属性根据应用的设置查询出相应的Style加载到控件上。如何实现应用主题切换通知页面重新加载样式这个关键点，还在思索当中，后续有结果会再发表博文。同时希望有好想法的能留个思路。

 

设想：

<Grid cm:StyleAttach.StyleName="bgGrid" cm:StyleAttach.Theme="{Binding Theme}">
</Grid>

通过绑定主题和资源名称来获取资源，同时通过Theme附加属性的修改，保证主题更改时实时更新皮肤。