如何在XAML中创建和切换应用主题？WPF计算器多主题实现咨询

原生WPF无第三方依赖实现方案 #

纯XAML方案完全不需要编写C#业务逻辑，依托WPF内置的资源系统即可实现全局主题切换，步骤如下：

• 首先在App.xaml中定义ResourceDictionary.ThemeDictionaries节点，每套主题对应一个带唯一Key的资源字典，所有主题的资源Key必须完全一致：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.ThemeDictionaries>
            <!-- 浅色主题 -->
            <ResourceDictionary x:Key="Light">
                <SolidColorBrush x:Key="AppBackground" Color="White"/>
                <SolidColorBrush x:Key="BtnNormalBackground" Color="#F5F5F5"/>
                <SolidColorBrush x:Key="TextPrimary" Color="#212121"/>
                <!-- 其他主题相关资源（圆角、字号、边框颜色等）统一在这里定义 -->
            </ResourceDictionary>
            <!-- 绿色主题 -->
            <ResourceDictionary x:Key="Green">
                <SolidColorBrush x:Key="AppBackground" Color="#E8F5E9"/>
                <SolidColorBrush x:Key="BtnNormalBackground" Color="#81C784"/>
                <SolidColorBrush x:Key="TextPrimary" Color="#1B5E20"/>
            </ResourceDictionary>
            <!-- 其他主题按需新增即可 -->
        </ResourceDictionary.ThemeDictionaries>
    </ResourceDictionary>
</Application.Resources>

• 所有界面控件的样式属性全部用DynamicResource绑定上述定义的资源Key，示例：

<Window Background="{DynamicResource AppBackground}">
    <Button Content="1" Background="{DynamicResource BtnNormalBackground}" 
            Foreground="{DynamicResource TextPrimary}"/>
</Window>

• 主题切换菜单用XAML触发器实现，点击时修改应用全局主题属性，WPF会自动替换所有动态绑定的资源：

<MenuItem Header="绿色模式">
    <MenuItem.Triggers>
        <EventTrigger RoutedEvent="MenuItem.Click">
            <BeginStoryboard>
                <Storyboard>
                    <ObjectAnimationUsingKeyFrames Storyboard.Target="{x:Static Application.Current}" 
                                                   Storyboard.TargetProperty="RequestedTheme">
                        <DiscreteObjectKeyFrame KeyTime="0" Value="Light"/>
                    </ObjectAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </MenuItem.Triggers>
</MenuItem>

如果是低于.NET 5的WPF版本，不支持RequestedTheme属性，可通过触发器操作Application.Current.Resources.MergedDictionaries集合替换对应主题的资源字典，实现逻辑完全一致

Material Design 库实现方案 #

如果已经引入Material Design In XAML Toolkit，实现自定义主题的流程更简化：

• 在ThemeDictionaries中直接覆盖Material Design内置的资源Key即可自定义配色，不需要单独定义项目内的资源Key：

<ResourceDictionary x:Key="Green">
    <SolidColorBrush x:Key="PrimaryHueMidBrush" Color="#4CAF50"/>
    <SolidColorBrush x:Key="PrimaryHueLightBrush" Color="#C8E6C9"/>
    <SolidColorBrush x:Key="SecondaryHueMidBrush" Color="#00C853"/>
    <!-- 其余内置资源按需覆盖即可 -->
</ResourceDictionary>

• 主题切换逻辑和原生方案完全一致，修改全局主题属性后所有Material Design风格的控件会自动适配新配色。

入门路径 #

1. 先掌握WPF资源字典的基本用法，搞懂StaticResource和DynamicResource的核心区别
2. 用原生ThemeDictionaries实现2-3套简单主题，熟悉资源Key统一规范
3. 如果需要使用Material Design库，先熟悉库内置的资源Key列表，再尝试自定义覆盖配色
4. 最后封装通用的主题切换菜单控件，可直接复用到其他WPF项目

学习资料推荐 #

• WPF官方文档中资源、主题相关的章节
• Material Design In XAML官方文档中主题定制模块
• 微软官方WPF示例仓库中主题切换相关的示例代码

内容的提问来源于stack exchange，提问作者JakubCzura