WPF 主题切换实现思路

最新推荐文章于 2025-05-01 09:25:06 发布

Xioa.

最新推荐文章于 2025-05-01 09:25:06 发布

阅读量379

点赞数 9

分类专栏：轻松掌握WPF 文章标签： wpf ui

本文链接：https://blog.csdn.net/weixin_52501264/article/details/147632411

版权

轻松掌握WPF 专栏收录该内容

9 篇文章

订阅专栏

1. 资源字典方式

1.1 创建主题资源字典

LightTheme.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="PrimaryBackground" Color="#FFFFFF"/>
    <SolidColorBrush x:Key="PrimaryForeground" Color="#000000"/>
    <!-- 其他主题资源 -->
</ResourceDictionary>

DarkTheme.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="PrimaryBackground" Color="#1E1E1E"/>
    <SolidColorBrush x:Key="PrimaryForeground" Color="#FFFFFF"/>
    <!-- 其他主题资源 -->
</ResourceDictionary>

1.2 在 App.xaml 中引用

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Themes/LightTheme.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

1.3 主题管理器

public class ThemeManager : INotifyPropertyChanged
{
    private static ThemeManager _instance;
    public static ThemeManager Instance => _instance ??= new ThemeManager();

    public void SwitchTheme(string themeName)
    {
        var app = Application.Current;
        var mergedDicts = app.Resources.MergedDictionaries;
        
        // 清除当前主题
        mergedDicts.Clear();
        
        // 加载新主题
        var newTheme = new ResourceDictionary
        {
            Source = new Uri($"Themes/{themeName}Theme.xaml", UriKind.Relative)
        };
        mergedDicts.Add(newTheme);
    }
}

2. 动态资源绑定

2.1 在控件中使用主题资源

<Button Background="{DynamicResource PrimaryBackground}"
        Foreground="{DynamicResource PrimaryForeground}"/>

2.2 ViewModel 中实现主题切换

public class MainViewModel : BaseViewModel
{
    private ICommand _switchThemeCommand;
    public ICommand SwitchThemeCommand => _switchThemeCommand ??= new RelayCommand(ExecuteSwitchTheme);

    private void ExecuteSwitchTheme(object parameter)
    {
        string themeName = parameter as string;
        ThemeManager.Instance.SwitchTheme(themeName);
    }
}

3. 主题持久化

3.1 保存主题设置

public class ThemeSettings
{
    private const string ThemeKey = "CurrentTheme";
    
    public static void SaveTheme(string themeName)
    {
        Properties.Settings.Default.Theme = themeName;
        Properties.Settings.Default.Save();
    }
    
    public static string LoadTheme()
    {
        return Properties.Settings.Default.Theme ?? "Light";
    }
}

3.2 应用启动时加载主题

protected override void OnStartup(StartupEventArgs e)
{
    base.OnStartup(e);
    
    // 加载保存的主题
    string savedTheme = ThemeSettings.LoadTheme();
    ThemeManager.Instance.SwitchTheme(savedTheme);
}