当前位置：首页 > news >正文

把风格定义在单独的文件中

news 2026/4/7 1:04:54

把风格定义在单独的文件中

一、什么是资源字典？

ResourceDictionary = 专门放样式的单独 XAML 文件
作用：

界面与样式分离
全局复用
方便换肤、维护
一个文件管理所有样式

二、步骤 1：创建资源字典文件

1. 右键项目 → 添加 → 新建项

2. 选择资源字典 (WPF)

3. 命名为：`ButtonStyles.xaml`（名字随便起）

你会得到一个空文件：

1 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
2                     xmlns:x="http://schemas.microsoft.com/winfx/xaml">
3 
4 </ResourceDictionary>

三、步骤 2：把样式写进这个文件

直接把你的 Style 写在里面：

ButtonStyles.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     <Style x:Key="MyButton" TargetType="Button">
 6         <Setter Property="FontSize" Value="18"/>
 7         <Setter Property="Background" Value="LightBlue"/>
 8         <Setter Property="Foreground" Value="White"/>
 9         <Setter Property="Padding" Value="10,5"/>
10 
11         <Style.Triggers>
12             <Trigger Property="IsMouseOver" Value="True">
13                 <Setter Property="Background" Value="DarkBlue"/>
14             </Trigger>
15         </Style.Triggers>
16     </Style>
17 
18     <!-- 文字样式 -->
19     <Style x:Key="TitleText" TargetType="TextBlock">
20         <Setter Property="FontSize" Value="24"/>
21         <Setter Property="FontWeight" Value="Bold"/>
22     </Style>
23 
24 </ResourceDictionary>

✅ 一个文件可以放 N 多个样式

四、步骤 3：在项目中引用这个文件（关键）

有两种常用方式：

方式 1：在 App.xaml 引用（全局可用，推荐）

打开 App.xaml，写入：

 1 <Application x:Class="WpfApp.App"
 2              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4              StartupUri="MainWindow.xaml">
 5 
 6     <Application.Resources>
 7         <ResourceDictionary>
 8             <ResourceDictionary.MergedDictionaries>
 9                 
10                 <!-- 引用你的样式文件 -->
11                 <ResourceDictionary Source="ButtonStyles.xaml"/>
12 
13             </ResourceDictionary.MergedDictionaries>
14         </ResourceDictionary>
15     </Application.Resources>
16 
17 </Application>

作用：

整个项目所有窗口、所有页面都能使用这个样式！

方式 2：只在某个窗口引用（局部可用）

在窗口的 Window.Resources 里加入：

1 <Window.Resources>
2     <ResourceDictionary>
3         <ResourceDictionary.MergedDictionaries>
4             <ResourceDictionary Source="ButtonStyles.xaml"/>
5         </ResourceDictionary.MergedDictionaries>
6     </ResourceDictionary>
7 </Window.Resources>

五、步骤 4：在界面直接使用样式

引用完成后，随便哪个窗口都能直接用：

1 <Button Style="{StaticResource MyButton}" Content="测试按钮"/>
2 
3 <TextBlock Style="{StaticResource TitleText}" Text="我是标题"/>

✅ 不用复制样式

✅ 不用写后台

✅ 改一个文件，全部界面同步变化

六、高级：多个样式文件（换肤功能）

你可以创建多个字典：

ButtonStyles.xaml
TextStyles.xaml
Themes.xaml
Colors.xaml

在 App.xaml 一起引用：

1 <ResourceDictionary.MergedDictionaries>
2     <ResourceDictionary Source="Colors.xaml"/>
3     <ResourceDictionary Source="TextStyles.xaml"/>
4     <ResourceDictionary Source="ButtonStyles.xaml"/>
5 </ResourceDictionary.MergedDictionaries>