【WPF】WPF设置自定义皮肤主题

2025/1/23 15:16:27 来源：https://blog.csdn.net/u013136510/article/details/145253963 浏览: 次关键词：【WPF】WPF设置自定义皮肤主题

在 WPF 中，自定义皮肤主题通常是通过 ResourceDictionary 来实现的。资源字典可以包含控件样式、颜色、字体和其他 UI 元素的定义。为了创建一个自定义皮肤主题，你可以按照以下步骤进行：

1. 创建资源字典（ResourceDictionary）

首先，你需要创建一个包含主题样式的资源字典文件，例如 Theme.xaml。

`Theme.xaml` 示例：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><!-- 定义主题颜色 --><Color x:Key="PrimaryColor">#FF1A73E8</Color><Color x:Key="SecondaryColor">#FF4CAF50</Color><!-- 定义控件样式 --><Style TargetType="Button"><Setter Property="Background" Value="{DynamicResource PrimaryColor}" /><Setter Property="Foreground" Value="White" /><Setter Property="FontSize" Value="16" /></Style><Style TargetType="Window"><Setter Property="Background" Value="{DynamicResource SecondaryColor}" /></Style>
</ResourceDictionary>

2. 在 `App.xaml` 中引用主题

然后，在你的 App.xaml 中引用刚才创建的主题资源字典，以便整个应用程序使用该主题。

`App.xaml` 示例：

<Application x:Class="YourApp.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="Theme.xaml" /></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>
</Application>

3. 使用动态资源

你可以在 WPF 控件中使用动态资源（DynamicResource）来引用资源字典中的元素，这样当资源发生变化时，UI 会自动更新。例如：

<Button Content="Click Me" Background="{DynamicResource PrimaryColor}" />

4. 实现主题切换（可选）

如果你希望能够动态切换主题，可以在 App.xaml.cs 中动态加载不同的资源字典。例如：

`App.xaml.cs` 示例：

public partial class App : Application
{public void ChangeTheme(string themeName){var uri = new Uri($"{themeName}.xaml", UriKind.Relative);var resourceDictionary = new ResourceDictionary { Source = uri };// 清空当前的资源字典并应用新的主题this.Resources.MergedDictionaries.Clear();this.Resources.MergedDictionaries.Add(resourceDictionary);}
}

然后，你可以通过代码调用 ChangeTheme 方法来切换主题：

// 切换到新的主题
var app = (App)Application.Current;
app.ChangeTheme("DarkTheme");

5. 自定义控件样式

除了设置按钮和窗口的样式，你还可以为其他控件（如 TextBox、ListBox、ComboBox 等）定义样式。自定义控件样式和模板可以让你更灵活地控制皮肤的外观。

例如，定义 TextBox 的样式：

<Style TargetType="TextBox"><Setter Property="Background" Value="{DynamicResource PrimaryColor}" /><Setter Property="Foreground" Value="White" /><Setter Property="BorderBrush" Value="Gray" /><Setter Property="BorderThickness" Value="2" />
</Style>