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

样式资源键-独立的控件库

news 2026/5/12 19:37:57

自定义样式，供其他项目调用

第一步创建一个控件库项目

第二步创建一个资源键类

using System.Windows;
namespace SharedStyles;public static class ButtonKeys
{// 主按钮样式资源键（强类型定义）public static ComponentResourceKey PrimaryButtonKey =>new ComponentResourceKey(typeof(ButtonKeys), "PrimaryButton");// 次要按钮样式资源键（强类型定义）public static ComponentResourceKey SecondaryButtonKey =>new ComponentResourceKey(typeof(ButtonKeys), "SecondaryButton");
}

第三步创建前台代码，建立一个xaml文件。注意：以下代码引用键的方式有两种一个是静态引用，一个是直接用，推荐静态引用(可以帮你检查代码有无错误).

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:SharedStyles"><!-- 主按钮样式（使用x:Static引用资源键） --><Style x:Key="{x:Static local:ButtonKeys.PrimaryButtonKey}" TargetType="Button"><Setter Property="Background" Value="Green" /><Setter Property="Foreground" Value="White" /><Setter Property="Padding" Value="12,6" /><Setter Property="FontWeight" Value="Bold" /><Setter Property="Margin" Value="5" /><!-- 重写模板，避免默认样式干扰 --><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="Button"><!-- 用Border作为按钮的视觉容器 --><Border x:Name="buttonBorder" Background="{TemplateBinding Background}"BorderBrush="{TemplateBinding BorderBrush}"BorderThickness="{TemplateBinding BorderThickness}"Padding="{TemplateBinding Padding}"CornerRadius="4"><ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /></Border><!-- 模板内的触发器（优先级高于样式触发器） --><ControlTemplate.Triggers><!-- 鼠标悬停时改变背景 --><Trigger Property="IsMouseOver" Value="True"><Setter TargetName="buttonBorder" Property="Background" Value="Red" /></Trigger><!-- 可选：添加点击状态 --><Trigger Property="IsPressed" Value="True"><Setter TargetName="buttonBorder" Property="Background" Value="DarkRed" /></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style><!-- 次要按钮样式（直接用ComponentResourceKey定义） --><Style x:Key="{ComponentResourceKey ResourceId=SecondaryButton, TypeInTargetAssembly={x:Type local:ButtonKeys}}" TargetType="Button"><Setter Property="Background" Value="#F5F5F5" /><Setter Property="Foreground" Value="#333" /><Setter Property="Padding" Value="12,6" /><Setter Property="Margin" Value="5" /><Style.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter Property="Background" Value="#E0E0E0" /></Trigger></Style.Triggers></Style></ResourceDictionary>

以上一个控件库程序集就建立好了。

下面是引用

第四步创建一个普通的WPF窗体项目

1.命名空间要引用xmlns:shared="clr-namespace:SharedStyles;assembly=SharedStyles"

2.合并资源文件

3.使用资源样式

<Window x:Class="MainApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:shared="clr-namespace:SharedStyles;assembly=SharedStyles"mc:Ignorable="d"Title="主应用程序" Height="300" Width="400">
<!--也可以在APP.XAML中合并--><Window.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><!-- 引用类库中的资源字典 --><ResourceDictionary Source="pack://application:,,,/SharedStyles;component/ButtonStyles.xaml" /></ResourceDictionary.MergedDictionaries></ResourceDictionary></Window.Resources><StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"><TextBlock Text="使用共享样式的按钮" FontSize="16" HorizontalAlignment="Center"/><!-- 使用主按钮样式（x:Static引用） --><Button Content="主按钮" Style="{StaticResource {x:Static shared:ButtonKeys.PrimaryButtonKey}}" /><!-- 使用次要按钮样式（ComponentResourceKey直接引用） --><Button Content="次要按钮" Style="{StaticResource {ComponentResourceKey ResourceId=SecondaryButton, TypeInTargetAssembly={x:Type shared:ButtonKeys}}}" /></StackPanel>
</Window>