WPF样式进阶实战：外置样式+MVVM主题切换+样式优先级全解析

在WPF开发中，样式（Style）是实现界面美化、统一风格、提高代码复用性的核心利器。但很多开发者在实际项目中，容易陷入「内联样式冗余」「主题切换困难」「样式优先级混乱」的困境，写出难以维护的XAML代码。

今天我们就通过一个完整的模块化实战项目（附全部可运行代码），从「外置样式封装」到「MVVM模式主题切换」，再到「样式优先级核心知识点」，全方位解锁WPF样式的高级用法，最终实现一个支持「浅/深色全局主题切换」「按钮专属样式切换」「传统后台代码样式切换」的完整案例。

一、项目架构梳理：模块化让样式更易维护

一个优秀的WPF项目，必然离不开清晰的模块化架构。本案例采用「分层+模块化」设计，将样式、视图、视图模型、转换器分离管理，核心项目结构如下：

1├─ App.xaml（全局资源注册入口）
2├─ Views（视图层）
3│  ├─ MainContainerPage.xaml（主容器，TabControl承载所有子页面）
4│  └─ SubPages（子页面集合）
5│     ├─ StyleToggleMVVMPage.xaml（MVVM按钮样式切换）
6│     ├─ ThemeSwitchPage.xaml（浅/深色主题切换）
7│     ├─ ThemePreviewTextBoxPage.xaml（文本框主题适配预览）
8│     └─ CodeBehindStyleTogglePage.xaml（传统后台代码样式切换）
9├─ ViewModels（视图模型层）
10│  ├─ MainViewModel.cs（核心VM，实现属性变更与主题切换逻辑）
11│  └─ RelayCommand.cs（精简ICommand实现，支撑MVVM命令绑定）
12├─ Converters（转换器层）
13│  └─ BoolToContentConverter.cs（布尔值转按钮文本，支持主题/样式切换文案）
14└─ Styles（样式资源层，外置样式核心）
15   ├─ MergedStyles.xaml（样式合并入口，注册全局VM与转换器）
16   ├─ BaseStyles.xaml（基础样式抽离，统一公共属性）
17   ├─ LightTheme.xaml（浅色主题专属样式）
18   └─ DarkTheme.xaml（深色主题专属样式）
19

这种架构的核心优势在于：样式与业务逻辑解耦、主题样式可独立扩展、后期维护只需修改对应样式文件，无需改动业务代码。

二、基石：外置样式的封装与全局合并

2.1 为什么要外置样式？

内联样式（直接在控件上设置Background、Foreground等属性）虽然便捷，但会导致代码冗余、风格不统一、修改成本高。将样式抽离到独立的ResourceDictionary文件中，具备以下优势：

1. 复用性强：一处定义，多处引用，减少重复代码；
2. 可维护性高：统一管理所有样式，修改样式无需遍历所有页面；
3. 支持主题切换：便于分离不同主题的样式，实现动态切换。

2.2 核心样式文件实现（完整可运行代码）

（1）基础样式抽离：BaseStyles.xaml（所有控件的公共父样式）

1<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
3                    xmlns:system="clr-namespace:System;assembly=System.Runtime">
4
5    <!-- 基础常量（统一管理，便于全局修改） -->
6    <Thickness x:Key="BaseMargin">5</Thickness>
7    <Thickness x:Key="BasePadding">8,4</Thickness>
8    <system:Double x:Key="BaseFontSize">14</system:Double>
9
10    <!-- 基础颜色资源（所有主题共享的基础色，主题色单独在对应文件定义） -->
11    <SolidColorBrush x:Key="BaseTextColor" Color="#333333" />
12    <SolidColorBrush x:Key="BaseBorderColor" Color="#E0E0E0" />
13    <SolidColorBrush x:Key="BaseButtonBg" Color="#FF4081" />
14    <SolidColorBrush x:Key="LightButtonBg" Color="#34C759" />
15    <SolidColorBrush x:Key="DarkButtonBg" Color="#4CD964" />
16    <SolidColorBrush x:Key="DarkTextColor" Color="#E0E0E0" />
17    <SolidColorBrush x:Key="DarkBorderColor" Color="#3A3A3C" />
18    <SolidColorBrush x:Key="DarkTextBoxBg" Color="#2C2C2E" />
19    <SolidColorBrush x:Key="LightTextBoxBg" Color="#FFFFFF" />
20    <SolidColorBrush x:Key="LightThemeBg" Color="#F5F5F5" />
21    <SolidColorBrush x:Key="DarkThemeBg" Color="#1C1C1E" />
22
23    <!-- 基础控件样式（Control基类，统一复用公共属性） -->
24    <Style x:Key="BaseControlStyle" TargetType="Control">
25        <Setter Property="FontSize" Value="{StaticResource BaseFontSize}" />
26        <Setter Property="Foreground" Value="{StaticResource BaseTextColor}" />
27        <Setter Property="Margin" Value="{StaticResource BaseMargin}" />
28        <Setter Property="Padding" Value="{StaticResource BasePadding}" />
29        <Setter Property="HorizontalAlignment" Value="Left" />
30    </Style>
31
32    <!-- 基础按钮样式（继承BaseControlStyle，带鼠标悬浮/禁用触发器） -->
33    <Style x:Key="BaseButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseControlStyle}">
34        <Setter Property="MinWidth" Value="100" />
35        <Setter Property="BorderThickness" Value="0" />
36        <Setter Property="Background" Value="{StaticResource BaseButtonBg}" />
37        <Setter Property="Foreground" Value="White" />
38        <Style.Triggers>
39            <Trigger Property="IsMouseOver" Value="True">
40                <Setter Property="Background" Value="#FF5A99" />
41            </Trigger>
42            <Trigger Property="IsEnabled" Value="False">
43                <Setter Property="Background" Value="#E0E0E0" />
44                <Setter Property="Foreground" Value="#999999" />
45            </Trigger>
46        </Style.Triggers>
47    </Style>
48
49    <!-- 基础文本框样式（继承BaseControlStyle，带焦点触发器） -->
50    <Style x:Key="BaseTextBoxStyle" TargetType="TextBox" BasedOn="{StaticResource BaseControlStyle}">
51        <Setter Property="MinWidth" Value="200" />
52        <Setter Property="BorderBrush" Value="{StaticResource BaseBorderColor}" />
53        <Setter Property="BorderThickness" Value="1" />
54        <Setter Property="Background" Value="{StaticResource LightTextBoxBg}" />
55        <Style.Triggers>
56            <Trigger Property="IsFocused" Value="True">
57                <Setter Property="BorderBrush" Value="#FF4081" />
58            </Trigger>
59        </Style.Triggers>
60    </Style>
61</ResourceDictionary>
62

关键知识点：

• 使用BasedOn实现样式继承，避免重复设置公共属性；
• 触发器（Trigger）用于实现控件状态变更的样式切换，无需后台代码；
• 所有资源通过x:Key命名，便于后续引用和动态修改。

（2）主题样式分离：LightTheme.xaml（浅色主题专属）

1<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
3
4    <!-- 合并基础资源（必须放在样式定义之前） -->
5    <ResourceDictionary.MergedDictionaries>
6        <!-- 引入基础样式文件（包含BaseButtonStyle、BaseTextBoxStyle） -->
7        <ResourceDictionary Source="BaseStyles.xaml" />
8    </ResourceDictionary.MergedDictionaries>
9
10    <!-- 浅色主题专属按钮样式（继承基础按钮样式，仅覆盖差异化属性） -->
11    <Style x:Key="LightButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
12        <Setter Property="Background" Value="{StaticResource LightButtonBg}" />
13        <Setter Property="Foreground" Value="White" />
14    </Style>
15
16    <!-- 浅色主题专属文本框样式（继承基础文本框样式，仅覆盖差异化属性） -->
17    <Style x:Key="LightTextBoxStyle" TargetType="TextBox" BasedOn="{StaticResource BaseTextBoxStyle}">
18        <Setter Property="Background" Value="{StaticResource LightTextBoxBg}" />
19        <Setter Property="Foreground" Value="{StaticResource BaseTextColor}" />
20        <Setter Property="BorderBrush" Value="{StaticResource BaseBorderColor}" />
21    </Style>
22
23    <!-- 浅色主题全局背景色（供动态资源切换使用） -->
24    <SolidColorBrush x:Key="LightThemeGlobalBg" Color="{Binding Source={StaticResource LightThemeBg}, Path=Color}" />
25
26</ResourceDictionary>
27

（3）主题样式分离：DarkTheme.xaml（深色主题专属）

1<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
3    <!-- 合并基础资源（必须放在样式定义之前） -->
4    <ResourceDictionary.MergedDictionaries>
5        <!-- 引入基础样式文件（包含BaseButtonStyle、BaseTextBoxStyle） -->
6        <ResourceDictionary Source="BaseStyles.xaml" />
7    </ResourceDictionary.MergedDictionaries>
8
9    <!-- 深色主题专属按钮样式（继承基础按钮样式，仅覆盖差异化属性） -->
10    <Style x:Key="DarkButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
11        <Setter Property="Background" Value="{StaticResource DarkButtonBg}" />
12        <Setter Property="Foreground" Value="{StaticResource DarkTextColor}" />
13    </Style>
14
15    <!-- 深色主题专属文本框样式（继承基础文本框样式，仅覆盖差异化属性） -->
16    <Style x:Key="DarkTextBoxStyle" TargetType="TextBox" BasedOn="{StaticResource BaseTextBoxStyle}">
17        <Setter Property="Background" Value="{StaticResource DarkTextBoxBg}" />
18        <Setter Property="Foreground" Value="{StaticResource DarkTextColor}" />
19        <Setter Property="BorderBrush" Value="{StaticResource DarkBorderColor}" />
20        <!-- 覆盖焦点触发器，适配深色主题 -->
21        <Style.Triggers>
22            <Trigger Property="IsFocused" Value="True">
23                <Setter Property="BorderBrush" Value="{StaticResource DarkButtonBg}" />
24            </Trigger>
25        </Style.Triggers>
26    </Style>
27
28    <!-- 深色主题全局背景色（修正无效绑定，直接赋值，供动态资源切换使用） -->
29    <SolidColorBrush x:Key="DarkThemeGlobalBg" Color="#1C1C1E" />
30
31</ResourceDictionary>
32

（4）全局样式合并：MergedStyles.xaml（样式与全局资源入口）

1<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
3                    xmlns:vm="clr-namespace:_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.ViewModels"
4                    xmlns:conv="clr-namespace:_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Converters">
5
6    <!-- 全局ViewModel实例（所有子页面共享，保持状态统一，支持跨页面同步） -->
7    <vm:MainViewModel x:Key="MainVM" />
8
9    <!-- 全局转换器实例（单例模式，避免重复创建） -->
10    <conv:BoolToContentConverter x:Key="BoolToContentConverter" />
11
12    <!-- 合并所有样式文件（仅合并一次基础样式，避免重复加载） -->
13    <ResourceDictionary.MergedDictionaries>
14        <ResourceDictionary Source="BaseStyles.xaml" />
15        <ResourceDictionary Source="LightTheme.xaml" />
16        <ResourceDictionary Source="DarkTheme.xaml" />
17    </ResourceDictionary.MergedDictionaries>
18</ResourceDictionary>
19

（5）应用全局注册：App.xaml（全项目共享资源）

1<Application x:Class="_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.App"
2             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4             StartupUri="Views/MainContainerPage.xaml">
5    <Application.Resources>
6        <ResourceDictionary>
7            <ResourceDictionary.MergedDictionaries>
8                <!-- 引用全局共享资源 -->
9                <ResourceDictionary Source="/Styles/MergedStyles.xaml" />
10            </ResourceDictionary.MergedDictionaries>
11        </ResourceDictionary>
12    </Application.Resources>
13</Application>
14

1using System.Windows;
2
3namespace _00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解
4{
5    /// <summary>
6    /// App.xaml 的交互逻辑
7    /// </summary>
8    public partial class App : Application
9    {
10    }
11}
12

三、主容器实现：承载所有子页面（MainContainerPage）

1<Window x:Class="_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Views.MainContainerPage"
2        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4        xmlns:sub="clr-namespace:_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Views.SubPages"
5        Title="WPF样式核心示例（完整模块化版）" Height="450" Width="800"
6        Background="{DynamicResource GlobalThemeBg}">
7
8    <!-- 主布局：TabControl承载所有子页面，继承全局主题背景 -->
9    <Grid Background="{DynamicResource GlobalThemeBg}">
10        <TabControl Margin="10" TabStripPlacement="Top" Foreground="{DynamicResource BaseTextColor}">
11            <!-- 子页面1：MVVM命令 - 按钮专属样式切换 -->
12            <TabItem Header="MVVM样式切换（按钮专属）">
13                <sub:StyleToggleMVVMPage />
14            </TabItem>
15
16            <!-- 子页面2：全局主题 - 浅色/深色模式切换 -->
17            <TabItem Header="全局主题切换（浅/深）">
18                <sub:ThemeSwitchPage />
19            </TabItem>
20
21            <!-- 子页面3：控件预览 - 文本框主题适配效果 -->
22            <TabItem Header="文本框主题预览（跟随全局）">
23                <sub:ThemePreviewTextBoxPage />
24            </TabItem>
25
26            <!-- 子页面4：后台代码 - 直接切换控件样式 -->
27            <TabItem Header="后台代码切换样式（传统方式）">
28                <sub:CodeBehindStyleTogglePage />
29            </TabItem>
30        </TabControl>
31    </Grid>
32</Window>
33

1using System.Windows;
2
3namespace _00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Views
4{
5    /// <summary>
6    /// MainContainerPage.xaml 的交互逻辑
7    /// </summary>
8    public partial class MainContainerPage : Window
9    {
10        public MainContainerPage()
11        {
12            InitializeComponent();
13        }
14    }
15}
16

四、核心实战：MVVM模式下的全局主题切换

现代WPF开发中，MVVM是主流模式，通过「数据绑定+命令绑定+动态资源」实现无耦合的主题切换，这也是本案例的核心亮点。

4.1 MVVM基础封装：RelayCommand（精简ICommand实现）

1using System;
2using System.Windows.Input;
3
4namespace _00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.ViewModels
5{
6    /// <summary>
7    /// 精简版ICommand实现（支持无参数命令，基于C#主构造函数重构，无冗余）
8    /// </summary>
9    /// <param name="execute">命令执行的核心逻辑</param>
10    /// <param name="canExecute">命令是否可执行的判断逻辑（可选，默认返回true）</param>
11    public class RelayCommand(Action execute, Func<bool>? canExecute = null) : ICommand
12    {
13        // 私有只读字段：存储命令执行逻辑（带参数非空校验，避免空命令）
14        private readonly Action _execute = execute ??
15            throw new ArgumentNullException(nameof(execute), "命令执行逻辑不能为空，无法创建空的RelayCommand");
16
17        // 私有只读字段：存储命令可执行状态判断逻辑（可选）
18        private readonly Func<bool>? _canExecute = canExecute;
19
20        /// <summary>
21        /// 判断命令当前是否可执行
22        /// </summary>
23        /// <param name="parameter">命令参数（当前实现无实际作用，符合ICommand接口规范）</param>
24        /// <returns>可执行返回true，不可执行返回false</returns>
25        public bool CanExecute(object? parameter)
26        {
27            // 若未提供可执行判断逻辑，默认返回true（命令始终可执行）
28            return _canExecute?.Invoke() ?? true;
29        }
30
31        /// <summary>
32        /// 执行命令核心逻辑
33        /// </summary>
34        /// <param name="parameter">命令参数（当前实现无实际作用，符合ICommand接口规范）</param>
35        public void Execute(object? parameter)
36        {
37            // 调用存储的命令执行逻辑，触发业务操作
38            _execute.Invoke();
39        }
40
41        /// <summary>
42        /// 命令可执行状态变更通知事件
43        /// </summary>
44        public event EventHandler? CanExecuteChanged
45        {
46            // 绑定WPF命令管理器的重新查询建议事件，自动更新命令可执行状态
47            add => CommandManager.RequerySuggested += value;
48            remove => CommandManager.RequerySuggested -= value;
49        }
50    }
51}
52

4.2 核心视图模型：MainViewModel（主题切换逻辑实现）

1using System.ComponentModel;
2using System.Runtime.CompilerServices;
3using System.Windows;
4using System.Windows.Media;
5
6namespace _00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.ViewModels
7{
8    /// <summary>
9    /// 主视图模型（完整实现INotifyPropertyChanged，包含样式切换&主题切换核心逻辑）
10    /// </summary>
11    public class MainViewModel : INotifyPropertyChanged
12    {
13        // 按钮样式切换状态（私有字段）
14        private bool _isSpecialStyleEnabled;
15        // 深色主题切换状态（私有字段）
16        private bool _isDarkThemeEnabled;
17
18        /// <summary>
19        /// 按钮样式切换状态（绑定UI，支持双向同步）
20        /// </summary>
21        public bool IsSpecialStyleEnabled
22        {
23            get => _isSpecialStyleEnabled;
24            set
25            {
26                _isSpecialStyleEnabled = value;
27                OnPropertyChanged(); // 触发属性变更通知，更新UI绑定
28            }
29        }
30
31        /// <summary>
32        /// 深色主题切换状态（绑定UI，支持双向同步）
33        /// </summary>
34        public bool IsDarkThemeEnabled
35        {
36            get => _isDarkThemeEnabled;
37            set
38            {
39                _isDarkThemeEnabled = value;
40                OnPropertyChanged(); // 触发属性变更通知，更新UI绑定
41                UpdateGlobalThemeResources(); // 核心：更新全局动态资源，实现主题切换
42            }
43        }
44
45        /// <summary>
46        /// 按钮样式切换命令（绑定UI按钮，无参数）
47        /// </summary>
48        public RelayCommand ToggleButtonStyleCommand { get; }
49
50        /// <summary>
51        /// 主题切换命令（绑定UI按钮，无参数）
52        /// </summary>
53        public RelayCommand ToggleThemeCommand { get; }
54
55        /// <summary>
56        /// 构造函数：初始化命令，设置默认状态
57        /// </summary>
58        public MainViewModel()
59        {
60            // 初始化命令，绑定对应的执行逻辑
61            ToggleButtonStyleCommand = new RelayCommand(ToggleButtonStyle);
62            ToggleThemeCommand = new RelayCommand(ToggleTheme);
63
64            // 默认状态：关闭专属样式、关闭深色主题（浅色主题默认）
65            _isSpecialStyleEnabled = false;
66            _isDarkThemeEnabled = false;
67        }
68
69        /// <summary>
70        /// 切换按钮样式核心逻辑（切换专属样式/默认样式状态）
71        /// </summary>
72        private void ToggleButtonStyle()
73        {
74            IsSpecialStyleEnabled = !IsSpecialStyleEnabled;
75        }
76
77        /// <summary>
78        /// 切换主题核心逻辑（切换深色/浅色主题状态）
79        /// </summary>
80        private void ToggleTheme()
81        {
82            IsDarkThemeEnabled = !IsDarkThemeEnabled;
83        }
84
85        /// <summary>
86        /// 核心：更新全局动态资源，实现所有页面同步切换主题
87        /// </summary>
88        private void UpdateGlobalThemeResources()
89        {
90            var appResources = Application.Current.Resources;
91            if (appResources == null) return;
92
93            // 切换全局背景色（动态资源，所有绑定该资源的控件同步更新）
94            appResources["GlobalThemeBg"] = _isDarkThemeEnabled
95                ? appResources["DarkThemeGlobalBg"] as SolidColorBrush
96                : appResources["LightThemeGlobalBg"] as SolidColorBrush;
97
98            // 切换全局按钮样式（可选，根据需求启用）
99            appResources["GlobalButtonStyle"] = _isDarkThemeEnabled
100                ? appResources["DarkButtonStyle"] as Style
101                : appResources["LightButtonStyle"] as Style;
102
103            // 切换全局文本框样式（可选，根据需求启用）
104            appResources["GlobalTextBoxStyle"] = _isDarkThemeEnabled
105                ? appResources["DarkTextBoxStyle"] as Style
106                : appResources["LightTextBoxStyle"] as Style;
107        }
108
109        /// <summary>
110        /// 属性变更通知事件（实现INotifyPropertyChanged接口的核心）
111        /// </summary>
112        public event PropertyChangedEventHandler? PropertyChanged;
113
114        /// <summary>
115        /// 触发属性变更通知（支持CallerMemberName，无需手动传入属性名）
116        /// </summary>
117        /// <param name="propertyName">属性名（默认自动获取调用方属性名）</param>
118        protected void OnPropertyChanged([CallerMemberName] string? propertyName = null)
119        {
120            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
121        }
122    }
123}
124

4.3 转换器实现：BoolToContentConverter（布尔值转按钮文本）

1using System;
2using System.Globalization;
3using System.Windows.Data;
4using System.Windows.Markup;
5
6namespace _00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Converters
7{
8    /// <summary>
9    /// 布尔值转按钮文本转换器（完整实现，单例模式，支持标记扩展直接使用）
10    /// </summary>
11    [ValueConversion(typeof(bool), typeof(string))]
12    public class BoolToContentConverter : MarkupExtension, IValueConverter
13    {
14        /// <summary>
15        /// 单例实例（避免重复创建，提升性能）
16        /// </summary>
17        private static BoolToContentConverter? _instance;
18
19        /// <summary>
20        /// 布尔值转文本（根据绑定的布尔状态返回对应按钮文本）
21        /// </summary>
22        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
23        {
24            if (value is not bool boolValue)
25                return "点击切换";
26
27            // 支持参数区分主题切换和样式切换（优化体验，可选）
28            if (parameter != null && parameter.ToString() == "Theme")
29            {
30                return boolValue ? "已切换深色主题（点击恢复浅色）" : "点击切换深色主题";
31            }
32
33            return boolValue ? "已切换专属样式（点击恢复默认）" : "点击切换专属样式";
34        }
35
36        /// <summary>
37        /// 反向转换（无需实现，仅支持单向转换：布尔值→文本）
38        /// </summary>
39        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
40        {
41            throw new NotImplementedException("无需反向转换，该转换器仅支持布尔值到文本的单向转换");
42        }
43
44        /// <summary>
45        /// 标记扩展：返回单例实例，支持XAML中直接使用无需手动注册
46        /// </summary>
47        public override object ProvideValue(IServiceProvider serviceProvider)
48        {
49            return _instance ??= new BoolToContentConverter();
50        }
51    }
52}
53

4.4 子页面实现：主题切换&样式切换（完整UI绑定）

（1）主题切换页面：ThemeSwitchPage.xaml

1<UserControl x:Class="_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Views.SubPages.ThemeSwitchPage"
2             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4             xmlns:conv="clr-namespace:_00011.WPF_样式进阶_外置样式_事件驱动样式切换与样式优先级详解.Converters">
5
6    <!-- 绑定全局ViewModel，继承全局主题背景 -->
7    <Grid DataContext="{StaticResource MainVM}"
8          Background="{DynamicResource GlobalThemeBg}">
9        <Border Padding="20" HorizontalAlignment="Center" VerticalAlignment="Center">
10            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
11                <Button Command="{Binding ToggleThemeCommand}"
12                        Margin="0,0,0,20"
13                        MinWidth="200" Height="40">
14                    <Button.Content>
15                        <Binding Path="IsDarkThemeEnabled" Converter="{StaticResource BoolToContentConverter}" ConverterParameter="Theme" />
16                    </Button.Content>
17                    <Button.Style>
18                        <Style TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
19                            <Style.Triggers>
20                                <!-- 数据触发器：监听IsDarkThemeEnabled状态，适配深色/浅色主题按钮样式 -->
21                                <DataTrigger Binding="{Binding IsDarkThemeEnabled}" Value="False">
22                                    <Setter Property="Background" Value="{StaticResource LightButtonBg}" />
23                                </DataTrigger>
24                                <DataTrigger Binding="{Binding IsDarkThemeEnabled}" Value="True">
25                                    <Setter Property="Background" Value="{StaticResource DarkButtonBg}" />
26                                    <Setter Property="Foreground" Value="{StaticResource DarkTextColor}" />
27                                </DataTrigger>
28                            </Style.Triggers>
29                        </Style>
30                    </Button.Style>
31                </Button>
32            </StackPanel>
33        </Border>
34    </Grid>
35</UserControl>
36