ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

时间:2023-03-09 18:11:20
ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

之前的ResourceDictionary主题资源替换(一)通过加载顺序来覆盖之前的主题资源,介绍了WPF框架对ResourceDictionary资源的合并规则。

此篇介绍一种在编译期间,实现资源替换的方案

前言

如下图,项目中存在俩个主题资源字典,我们想通过配置一键修改项目的主题。

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

首先,我们默认使用的是灰色主题

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

添加项目属性文件

新建文件Themes.props(主题设置),

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

并添加当前主题版本:

 <Project>
<PropertyGroup>
<Theme>Theme-Red</Theme>
</PropertyGroup>
</Project>

如上,切换当前版本为红色主题

修改项目csproject

引入主题配置文件:

  <Import Project="..\Themes.props" Condition="Exists('..\Themes.props')" />

添加资源替换:

在编译前,判断当前主题,如果为红色主题,则替换;

  • 将项目中的文件Theme-Normal.xaml、Theme-Red.xaml全部删除(如果Theme-Red.xaml没有添加到项目中,是以本地文件存在,则不需要此删除步骤)
  • 将Theme-Red.xaml伪装为,当前程序资源中的Theme-Normal.xaml
   <Target Name="ReplaceTheme" BeforeTargets="BeforeBuild" Condition="'$(Theme)' == 'Theme-Red'">
<ItemGroup>
<Page Remove="Theme-Normal.xaml" />
<Page Remove="Theme-Red.xaml" />
<Page Include="Theme-Red.xaml">
<Generator>MSBuild:Compile</Generator>
<Link>Theme-Normal.xaml</Link>
</Page>
</ItemGroup>
</Target>

替换后的主题色:

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

需要注意的坑

此方案,需要资源字典中的键值匹配对应,如果缺失了某个样式等资源,后续可能会有意想不到的异常哦~

如何规避?

可以下载资源字典修复工具,Github地址:ResourceIntegrityCheck

ResourceDictionary主题资源替换(二) :通过加载顺序来覆盖之前的主题资源

工具会将缺失的资源,从另一份资源字典中复制到此资源文件中。所以修复完成,提交代码前可以确认下,资源是否匹配当前主题。