C# WPF入门学习主线篇（二十二）—— 样式（Styles）的定义和应用

2024-06-12 09:36
文章标签 c# 学习 入门 应用 定义 .net 样式 wpf 主线 netcore 二十二 styles

本文主要是介绍C# WPF入门学习主线篇（二十二）—— 样式（Styles）的定义和应用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

C# WPF入门学习主线篇（二十二）—— 样式（Styles）的定义和应用

在这里插入图片描述

欢迎来到C# WPF入门学习系列的第二十二篇。本篇文章将详细介绍WPF中的样式（Styles）的定义和应用。样式在WPF中起到重要作用，通过样式可以轻松地定义和复用控件的外观和行为，从而提高开发效率和代码的可维护性。

什么是样式？

样式（Style）是用于定义控件外观和行为的集合。样式通常定义在XAML文件中，可以在多个控件中共享使用。样式可以包括各种属性的设置，如颜色、字体、边距等，以及触发器（Trigger），用于响应特定的事件或状态。

样式的定义

在WPF中，样式通常定义在XAML文件的资源字典中。以下是一个简单的样式定义示例：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义一个按钮的样式 --><Style x:Key="PrimaryButtonStyle" TargetType="Button"><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/><Setter Property="Padding" Value="10"/><Setter Property="FontSize" Value="16"/></Style></Window.Resources><Grid><Button Content="Primary Button" Style="{StaticResource PrimaryButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/></Grid>
</Window>

在这里插入图片描述

在上面的代码中，我们在 Window.Resources 中定义了一个名为 PrimaryButtonStyle 的样式，并应用于一个按钮控件。

Setter的使用

Setter 用于设置控件的属性。每个 Setter 包含两个属性：

  • Property：要设置的属性。
  • Value：属性的值。

应用样式

要应用样式，可以使用 StaticResource 标记扩展引用样式：

<Button Content="Primary Button" Style="{StaticResource PrimaryButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

默认样式

如果希望将样式应用于同一类型的所有控件，可以省略 x:Key，使样式成为默认样式：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义一个按钮的默认样式 --><Style TargetType="Button"><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/><Setter Property="Padding" Value="10"/><Setter Property="FontSize" Value="16"/></Style></Window.Resources><Grid><Button Content="Default Style Button" HorizontalAlignment="Center" VerticalAlignment="Center"/></Grid>
</Window>

在这个示例中，所有按钮控件将自动应用此样式。

基于现有样式创建新样式

WPF允许通过 BasedOn 属性基于现有样式创建新样式，从而实现样式的继承和扩展。例如：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义基础按钮样式 --><Style x:Key="BaseButtonStyle" TargetType="Button"><Setter Property="FontSize" Value="16"/><Setter Property="Padding" Value="10"/></Style><!-- 定义继承基础样式的主按钮样式 --><Style x:Key="PrimaryButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}"><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/></Style><!-- 定义继承基础样式的次按钮样式 --><Style x:Key="SecondaryButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}"><Setter Property="Background" Value="Gray"/><Setter Property="Foreground" Value="Black"/></Style></Window.Resources><Grid><StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="10"><Button Content="Primary Button" Style="{StaticResource PrimaryButtonStyle}"/><Button Content="Secondary Button" Style="{StaticResource SecondaryButtonStyle}"/></StackPanel></Grid>
</Window>

在这里插入图片描述

在这个例子中，我们定义了一个基础按钮样式 BaseButtonStyle，并基于它创建了两个新样式 PrimaryButtonStyle 和 SecondaryButtonStyle，实现了样式的继承和扩展。

使用触发器（Triggers）

触发器（Trigger）是样式的重要组成部分，用于响应控件状态的变化。常见的触发器有 PropertyTrigger 和 EventTrigger。

属性触发器（PropertyTrigger）

属性触发器用于在控件属性值发生变化时，执行某些操作。以下是一个简单的属性触发器示例：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义带触发器的按钮样式 --><Style x:Key="HoverButtonStyle" TargetType="Button"><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="Button"><Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="5"><ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /></Border><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter Property="Background" Value="Red"/></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/><Setter Property="Padding" Value="10"/><Setter Property="FontSize" Value="16"/></Style></Window.Resources><Grid><Button Content="Hover Me" Style="{StaticResource HoverButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/></Grid>
</Window>

在这里插入图片描述

在这个例子中，当按钮被鼠标悬停时，触发器会改变按钮的背景颜色。

事件触发器（EventTrigger）

事件触发器用于响应控件的事件。以下是一个简单的事件触发器示例：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义带事件触发器的按钮样式 --><Style x:Key="ClickButtonStyle" TargetType="Button"><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/><Setter Property="Padding" Value="10"/><Setter Property="FontSize" Value="16"/><Style.Triggers><EventTrigger RoutedEvent="Button.Click"><BeginStoryboard><Storyboard><ColorAnimation Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"To="Green" Duration="0:0:0.5" /></Storyboard></BeginStoryboard></EventTrigger></Style.Triggers></Style></Window.Resources><Grid><Button Content="Click Me" Style="{StaticResource ClickButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/></Grid>
</Window>

在这里插入图片描述

在这个示例中，当按钮被点击时，事件触发器会启动一个 Storyboard，通过 ColorAnimation 将按钮的背景颜色在0.5秒内渐变为绿色。

多个触发器

WPF样式还支持多个触发器的组合使用。以下是一个同时使用属性触发器和事件触发器的示例：

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Styles Demo" Height="300" Width="400"><Window.Resources><!-- 定义带多个触发器的按钮样式 --><Style x:Key="AdvancedButtonStyle" TargetType="Button"><Setter Property="Background" Value="Blue"/><Setter Property="Foreground" Value="White"/><Setter Property="Padding" Value="10"/><Setter Property="FontSize" Value="16"/><Style.Triggers><!-- 属性触发器：鼠标悬停时改变背景颜色 --><Trigger Property="IsMouseOver" Value="True"><Setter Property="Background" Value="Red"/></Trigger><!-- 事件触发器：点击时启动颜色动画 --><EventTrigger RoutedEvent="Button.Click"><BeginStoryboard><Storyboard><ColorAnimation Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"To="Green" Duration="0:0:0.5" /></Storyboard></BeginStoryboard></EventTrigger></Style.Triggers></Style></Window.Resources><Grid><Button Content="Advanced Button" Style="{StaticResource AdvancedButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/></Grid>
</Window>

在这里插入图片描述

在这个例子中，当按钮被鼠标悬停时，背景颜色会变成红色；当按钮被点击时，背景颜色会在0.5秒内渐变为绿色。

总结

通过本文的学习，我们详细介绍了WPF中的样式（Styles）的定义和应用，包括静态样式、基于现有样式创建新样式、属性触发器和事件触发器的使用。样式是WPF中一个强大而灵活的特性，可以帮助我们高效地管理和复用控件的外观和行为，提高开发效率和代码的可维护性。

这篇关于C# WPF入门学习主线篇（二十二）—— 样式（Styles）的定义和应用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1053848。

相关文章

51单片机学习记录———定时器

51单片机学习记录———定时器

文章目录 前言一、定时器介绍二、STC89C52定时器资源三、定时器框图四、定时器模式五、定时器相关寄存器六、定时器练习 前言 一个学习嵌入式的小白~ 有问题评论区或私信指出~ 提示：以下是本篇文章正文内容，下面案例可供参考 一、定时器介绍 定时器介绍：51单片机的定时器属于单片机的内部资源，其电路的连接和运转均在单片机内部完成。 定时器作用： 1.用于计数系统，可
阅读更多...
问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 A.1913 ~1918 年 B.1913 ~1918 年 C.1914 ~1918 年 D.1914 ~1919 年 参考答案如图所示
阅读更多...
[word] word设置上标快捷键 #学习方法#其他#媒体

[word] word设置上标快捷键 #学习方法#其他#媒体

word设置上标快捷键 办公中，少不了使用word，这个是大家必备的软件，今天给大家分享word设置上标快捷键，希望在办公中能帮到您！ 1、添加上标 在录入一些公式，或者是化学产品时，需要添加上标内容，按下快捷键Ctrl+shift++就能将需要的内容设置为上标符号。 word设置上标快捷键的方法就是以上内容了，需要的小伙伴都可以试一试呢！
阅读更多...
C# 中变量未赋值能用吗，各种类型的初始值是什么

C# 中变量未赋值能用吗，各种类型的初始值是什么

对于一个局部变量，如果未赋值，是不能使用的 对于属性，未赋值，也能使用有系统默认值，默认值如下： 对于 int 类型，默认值是 0；对于 int? 类型，默认值是 null；对于 bool 类型，默认值是 false；对于 bool? 类型，默认值是 null；对于 string 类型，默认值是 null；对于 string? 类型，哈哈，没有这种写法，会出错；对于 DateTime 类型，默
阅读更多...
AssetBundle学习笔记

AssetBundle学习笔记

AssetBundle是unity自定义的资源格式，通过调用引擎的资源打包接口对资源进行打包成.assetbundle格式的资源包。本文介绍了AssetBundle的生成，使用，加载，卸载以及Unity资源更新的一个基本步骤。 目录 1.定义： 2.AssetBundle的生成： 1）设置AssetBundle包的属性——通过编辑器界面 补充：分组策略 2）调用引擎接口API
阅读更多...
Javascript高级程序设计(第四版)--学习记录之变量、内存

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值：简单的数据即基础数据类型，按值访问。 引用值：由多个值构成的对象即复杂数据类型，按引用访问。 动态属性 对于引用值而言，可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J
阅读更多...
大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式，可以快速查找问题解析，加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入，截图搜题，详细步骤，解题必备
阅读更多...
用Microsoft.Extensions.Hosting 管理WPF项目.

用Microsoft.Extensions.Hosting 管理WPF项目.

首先引入必要的包: <ItemGroup><PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" /><PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" /><PackageReference Include="Serilog
阅读更多...
C++必修：模版的入门到实践

C++必修：模版的入门到实践

✨✨ 欢迎大家来到贝蒂大讲堂✨✨ 🎈🎈养成好习惯，先赞后看哦~🎈🎈 所属专栏：C++学习 贝蒂的主页：Betty’s blog 1. 泛型编程 首先让我们来思考一个问题，如何实现一个交换函数？ void swap(int& x, int& y){int tmp = x;x = y;y = tmp;} 相信大家很快就能写出上面这段代码，但是如果要求这个交换函数支持字符型
阅读更多...
零基础STM32单片机编程入门(一)初识STM32单片机

零基础STM32单片机编程入门(一)初识STM32单片机

文章目录 一.概要二.单片机型号命名规则三.STM32F103系统架构四.STM32F103C8T6单片机启动流程五.STM32F103C8T6单片机主要外设资源六.编程过程中芯片数据手册的作用1.单片机外设资源情况2.STM32单片机内部框图3.STM32单片机管脚图4.STM32单片机每个管脚可配功能5.单片机功耗数据6.FALSH编程时间，擦写次数7.I/O高低电平电压表格8.外设接口
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2