WPF皮肤切换实战教程（手把手教你实现WPF动态换肤功能）

二、准备工作：创建WPF项目

首先，在Visual Studio中创建一个新的WPF App (.NET Framework 或 .NET Core/.NET 5+) 项目。确保你使用的是较新版本的.NET，以获得最佳兼容性。

三、创建主题资源字典

WPF的主题通常通过ResourceDictionary来实现。我们先创建两个主题文件：

1. 右键项目 → 添加 → 资源字典 → 命名为 LightTheme.xaml
2. 同样方式添加 DarkTheme.xaml

在LightTheme.xaml中定义浅色主题的样式：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">    <SolidColorBrush x:Key="WindowBackground" Color="#FFFFFF" />    <SolidColorBrush x:Key="TextForeground" Color="#000000" />    <SolidColorBrush x:Key="ButtonBackground" Color="#E0E0E0" />    <SolidColorBrush x:Key="ButtonForeground" Color="#333333" /></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="WindowBackground" Color="#2D2D2D" />    <SolidColorBrush x:Key="TextForeground" Color="#FFFFFF" />    <SolidColorBrush x:Key="ButtonBackground" Color="#4A4A4A" />    <SolidColorBrush x:Key="ButtonForeground" Color="#EEEEEE" /></ResourceDictionary>

四、在App.xaml中引用默认主题

打开App.xaml，设置默认加载浅色主题：

<Application x:Class="WpfThemeDemo.App"             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"             StartupUri="MainWindow.xaml">    <Application.Resources>        <ResourceDictionary>            <ResourceDictionary.MergedDictionaries>                <ResourceDictionary Source="LightTheme.xaml" />            </ResourceDictionary.MergedDictionaries>        </ResourceDictionary>    </Application.Resources></Application>

五、编写主题切换逻辑

在MainWindow.xaml.cs中添加切换主题的方法：

public partial class MainWindow : Window{    public MainWindow()    {        InitializeComponent();    }    private void SwitchTheme(string themeName)    {        // 清除当前资源        Application.Current.Resources.MergedDictionaries.Clear();        // 加载新主题        var resource = new ResourceDictionary        {            Source = new Uri($"/{themeName}.xaml", UriKind.Relative)        };        Application.Current.Resources.MergedDictionaries.Add(resource);    }    private void OnLightThemeClick(object sender, RoutedEventArgs e)    {        SwitchTheme("LightTheme");    }    private void OnDarkThemeClick(object sender, RoutedEventArgs e)    {        SwitchTheme("DarkTheme");    }}

六、在界面上添加切换按钮

修改MainWindow.xaml，添加两个按钮用于切换主题：

<Window x:Class="WpfThemeDemo.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="WPF主题切换示例" Height="350" Width="500"        Background="{StaticResource WindowBackground}"        Foreground="{StaticResource TextForeground}">    <StackPanel Margin="20">        <TextBlock Text="欢迎使用WPF主题切换功能！" FontSize="18" Margin="0,0,0,20" />        <Button Content="切换为浅色主题"                 Click="OnLightThemeClick"                 Background="{StaticResource ButtonBackground}"                Foreground="{StaticResource ButtonForeground}"                Padding="10" Margin="0,0,0,10" />        <Button Content="切换为深色主题"                 Click="OnDarkThemeClick"                 Background="{StaticResource ButtonBackground}"                Foreground="{StaticResource ButtonForeground}"                Padding="10" />    </StackPanel></Window>

七、进阶建议：保存用户偏好

为了让应用记住用户上次选择的主题，你可以将主题名称保存到Properties.Settings.Default或本地配置文件中，并在启动时自动加载。

八、总结

通过以上步骤，你已经成功实现了WPF UI主题的动态切换功能。这种设计不仅提升了用户体验，也展示了WPF强大的样式系统。无论是开发企业级应用还是个人工具，WPF皮肤切换都是一个值得掌握的实用技能。

希望这篇教程能帮助你轻松入门WPF主题开发！如有疑问，欢迎在评论区交流。