Windows Phone 资源管理与换肤思考_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > Windows Phone 资源管理与换肤思考

Windows Phone 资源管理与换肤思考

 2013/12/16 12:09:06  清风梧桐  博客园  我要评论(0)
  • 摘要:新入手一台Windows8的笔记本,安装了VS2013后,终于又可以开发WP了。公司暂时不愿意开发WP,那么咱就自行研究吧!在没有WP开发环境的时候,曾经在WPF尝试了一下换肤功能的实现。最简单的是在后台修改需要更换样式的控件的Style,然而这样做工作量很大而且可拓展性也很差。总不可能添加一种主题皮肤,就在每个页面写一次Style的加载吧,工作量太大又容易出错。于是在MSDN上仔细阅读了相关文档,发现了DynamicResource拓展关键字。MSDN描述为&ldquo
  • 标签:Windows 资源

新入手一台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附加属性的修改,保证主题更改时实时更新皮肤。

发表评论
用户名: 匿名