WPF 静态样式与动态样式的定义及使用详解

一、静态样式的定义方式

静态样式是在 XAML 中直接定义的样式资源,加载时一次性解析,运行时修改不会影响界面显示。

  1. 全局静态样式(App.xaml 中定义)

    作用范围:整个应用程序所有窗口和控件

    复制代码
    <!-- App.xaml -->
    <Application x:Class="WpfApp1.App"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 StartupUri="MainWindow.xaml">
        <Application.Resources>
            <!-- 全局按钮样式(带Key,需显式引用) -->
            <Style x:Key="GlobalButtonStyle" TargetType="Button">
                <Setter Property="Background" Value="#2c3e50"/>
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="Padding" Value="10,5"/>
            </Style>
            
            <!-- 全局文本框样式(无Key,自动应用于所有TextBox) -->
            <Style TargetType="TextBox">
                <Setter Property="BorderBrush" Value="#bdc3c7"/>
                <Setter Property="Margin" Value="5"/>
                <Setter Property="Padding" Value="5"/>
            </Style>
        </Application.Resources>
    </Application>
  2. 局部静态样式(在容器中定义)

    作用范围:仅当前容器及其子元素

    复制代码
    <!-- MainWindow.xaml -->
    <Window x:Class="WpfApp1.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="静态样式示例" Height="300" Width="400">
        
        <!-- 窗口级局部样式 -->
        <Window.Resources>
            <Style x:Key="WindowLevelLabelStyle" TargetType="Label">
                <Setter Property="FontSize" Value="14"/>
                <Setter Property="Foreground" Value="#34495e"/>
            </Style>
        </Window.Resources>
        
        <StackPanel Margin="10">
            <!-- 面板级局部样式 -->
            <StackPanel.Resources>
                <Style x:Key="PanelLevelButtonStyle" TargetType="Button">
                    <Setter Property="Background" Value="#e74c3c"/>
                    <Setter Property="Foreground" Value="White"/>
                </Style>
            </StackPanel.Resources>
            
            <!-- 控件级局部样式(在具体控件内部定义) -->
            <TextBlock>
                <TextBlock.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="TextDecorations" Value="Underline"/>
                    </Style>
                </TextBlock.Resources>
            </TextBlock>
        </StackPanel>
    </Window>
二、静态样式的使用方法

静态样式通过{StaticResource 资源Key}语法引用:

复制代码
<!-- 使用全局样式 -->
<Button Style="{StaticResource GlobalButtonStyle}" Content="使用全局样式"/>
​
<!-- 使用窗口级局部样式 -->
<Label Style="{StaticResource WindowLevelLabelStyle}" Content="使用窗口样式"/>
​
<!-- 使用面板级局部样式 -->
<Button Style="{StaticResource PanelLevelButtonStyle}" Content="使用面板样式"/>
​
<!-- 无Key的样式会自动应用于所有同类型控件 -->
<TextBox Text="自动应用全局文本框样式"/>
三、动态样式的定义与使用

动态样式与静态样式定义方式相同,但引用方式不同,且支持运行时更新:

  1. 动态样式的定义(与静态样式相同)

    复制代码
    <Window.Resources>
        <SolidColorBrush x:Key="DynamicBrush" Color="Green"/>
        
        <Style x:Key="DynamicTextStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="{DynamicResource DynamicBrush}"/>
            <Setter Property="FontSize" Value="16"/>
        </Style>
    </Window.Resources>
  2. 动态样式的使用(使用 DynamicResource)

    复制代码
    <TextBlock Style="{DynamicResource DynamicTextStyle}" Text="动态样式文本"/>
    <Button Click="ChangeDynamicStyle">更改动态样式</Button>
  3. 运行时修改动态样式(C# 后台代码)

    复制代码
    private void ChangeDynamicStyle(object sender, RoutedEventArgs e)
    {
        // 修改动态资源,界面会实时更新
        this.Resources["DynamicBrush"] = new SolidColorBrush(Colors.Blue);
        
        // 也可以直接修改样式
        var newStyle = new Style(typeof(TextBlock));
        newStyle.Setters.Add(new Setter(TextBlock.ForegroundProperty, Brushes.Red));
        newStyle.Setters.Add(new Setter(TextBlock.FontSizeProperty, 20.0));
        this.Resources["DynamicTextStyle"] = newStyle;
    }
四、静态样式与动态样式的核心区别
特性 静态样式(StaticResource) 动态样式(DynamicResource)
解析时机 加载时一次性解析 首次使用时解析,之后动态监听
性能 较好(无需持续监听) 略低(需要维护监听机制)
运行时修改 不支持(修改后界面无变化) 支持(修改后界面实时更新)
适用场景 样式固定不变的场景 需要动态切换主题、样式的场景
五、使用注意事项
  1. 静态样式引用的资源必须在 XAML 中定义在引用位置之前

  2. 动态样式可以引用在定义位置之后的资源

  3. 无 Key 的样式(仅指定 TargetType)会自动应用于该类型的所有控件,称为 "隐式样式"

  4. 当同时存在多个作用范围的样式时,优先级为:行内样式 > 局部样式 > 全局样式

通过合理选择静态或动态样式,可以在性能和灵活性之间取得平衡,满足不同场景的需求。

相关推荐
wuty0077 小时前
完善基于WPF开发的标尺控件(含实例代码)
wpf·wpf标尺·支持横向竖向标尺·ruler
mocoding12 小时前
使用Flutter设置UI三方库card_settings_ui重构鸿蒙版天气预报我的页面
flutter·ui·harmonyos
初九之潜龙勿用12 小时前
C# 操作Word模拟解析HTML标记之背景色
开发语言·c#·word·.net·office
雨季66612 小时前
Flutter 三端应用实战:OpenHarmony 简易点击计数器与循环颜色反馈器开发指南
开发语言·flutter·ui·ecmascript·dart
时光追逐者13 小时前
使用 MWGA 帮助 7 万行 Winforms 程序快速迁移到 WEB 前端
前端·c#·.net
老骥伏枥~14 小时前
【C# 入门】程序结构与 Main 方法
开发语言·c#
全栈师14 小时前
java和C#的基本语法区别
java·开发语言·c#
钰fly15 小时前
联合编程(加载单个工具,ini读写,图片读写,setting存储)
c#
雨季66616 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态主题切换卡片”交互模式
flutter·ui·交互·dart
FuckPatience16 小时前
C# 对象初始化器对属性赋值vs构造函数里对属性赋值
c#