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

WPF Style样式 全局样式资源字典

在WPF(Windows Presentation Foundation)中,样式(Style)是一种强大的机制,允许开发者定义一组属性值,并将这些属性值应用于一个或多个控件。样式可以简化XAML标记,并使UI的外观和行为更加一致。样式通常在XAML文件的Resources部分中声明,并可以隐式或显式地应用于控件。

 <!--1、将样式注册为资源--><Window.Resources><!--使用Style类创建一个资源--><!--TargetType:设置当前的样式是应用于哪个控件的, 将会自动设置所有的Label控件使用这组样式--><Style TargetType="Label"><!--在Style中使用Setter控件设置属性--><Setter Property="FontSize" Value="22"/><Setter Property="Foreground" Value="Green"/><!--<Setter Property="Background"><Setter.Value><ImageBrush ImageSource="https://cn.bing.com/th?id=OVFT.dKjW5DKpKzHHiUMwN1np1i"/></Setter.Value></Setter>--></Style><!--如果一个样式拥有Key属性,这个样式不会应用到所有的控件,只会应用到显示使用他的控件--><Style TargetType="Button"x:Key="btn"><Setter Property="Background" Value="red"/><Setter Property="FontWeight" Value="Bold"/></Style>
 <!--当为Style添加Key属性之后,使用这个样式的控件将不会应用默认的样式了--><!--可以使用 BasedOn 属性,让一个Style继承另一个Style,来完成扩展--><!--这个例子中继承了默认的TextBox样式,因为默认样式没有Key属性,因此只能通过类型找到继承关系--><Style TargetType="TextBox" x:Key="yellowTB"BasedOn="{StaticResource {x:Type TextBox}}"> <Setter Property="Background" Value="#ffff00"/></Style>

继承上一个样式  BasedOn

 <!--如果要继承的目标样式拥有Key属性,则可以直接使用对应的名字进行继承--><Style TargetType="TextBox"x:Key="boldTb"BasedOn="{StaticResource yellowTB}"><Setter Property="FontWeight" Value="Bold"/></Style>

如果要将一个样式应用于不同类型的控件,则需要为他们找到一个公共的基类 FrameworkElement

以上就是一些样式简单的案列 在当前window下定义的样式只会作用于当前的window 当我们需要大量的控件样式 而且其他窗体也需要使用相同的样式 为了方便就需要创建资源字典 邮件项目 添加资源字典  首先可以将上面在 Window 中定义的样式直接剪切ResourceDictionary中。不要复制 <Window.Resources>了,因为现在是给全局的样式下定义,而非仅对于Window中的按钮

<ResourceDictionary xmlns="http://..."xmlns:x="http://..."><Style TargetType="Button"><Setter Property="Height" Value="50"/><Setter Property="Width" Value="200"/><Setter Property="FontSize" Value="15"/><Setter Property="Margin" Value="10"/></Style><Style x:Key="LoginStyle" TargetType="Button" BasedOn="{StaticResource {x:Type Button}}"><Setter Property="Background" Value="Blue"/></Style><Style x:Key="QuitStyle" TargetType="Button" BasedOn="{StaticResource {x:Type Button}}"><Setter Property="Background" Value="Red"/></Style><Style x:Key="Forgetstyle" TargetType="Button" BasedOn="{StaticResource {x:Type Button}}"><Setter Property="Background" Value="Yellow"/></Style>
</ResourceDictionary>

接下来还需要在app.xaml中用上全局样式名.xaml

打开app.xaml,在<Application.Resources>标签中写入

<ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="/你的项目名称;component/资源文件的相对路径"/></ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

完整如下

<Application x:Class="WPF.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:WPF_Study"StartupUri="MainWindow.xaml"><Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="/WPF/ButtomStyle.xaml"/></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>
</Application>

注意,这里输入的是相对路径。如果这里的资源文件BaseButtomStyle.xaml是放在某个子文件夹下的,那么就应该改成

<ResourceDictionary Source="/WPF/子文件夹/ButtomStyle.xaml"/>

至此,在任何界面中都可以访问到ButtomStyle.xaml中定义的样式。访问方法与之前的局部样式无异

总结

定义局部样式

在需要的窗口的<Window>标签之后添加如下样式定义。

不定义x:Key,则为默认属性。

定义了x:Key,则需要显式地在控件中引用。

定义全局样式

在合适的地方建立资源字典文件:右键项目,添加,资源字典。

http://www.lqws.cn/news/468037.html

相关文章:

  • Qt/C++应用:防御性编程完全指南
  • leetcode332.重新安排行程:优先队列与DFS实现欧拉路径的行程规划
  • 【智能体】n8n聊天获取链接后爬虫知乎
  • 108. 将有序数组转换为二叉搜索树
  • Vue.js核心概念与实践指南:从实例绑定到数据代理
  • opencv try-catch
  • BGP路由反射器(RR)实验详解,结尾有详细脚本
  • 在 `setup` 函数中使用 Vuex
  • 自定义 Spring starter 的原理详解
  • 港科ISM选课攻略整理
  • CVE-2024-6387漏洞、CVE-2025-26465漏洞、CVE-2025-26466漏洞 一口气全解决
  • 【nature review】原子尺度上光与物质的相互作用
  • Rabbitmq的五种消息类型介绍,以及集成springboot的使用
  • 小程序右上角○关闭事件
  • c++中 Lambda表达式
  • Ubuntu崩溃修复大赛的技术文章大纲
  • ssssssssss
  • Solidity内部合约创建全解析:解锁Web3开发新姿势
  • 5.3 VSCode使用FFmpeg库
  • CSS 制作学成在线网页
  • clickhouse-server连不上clickhouse-keeper的问题记录
  • 【appium】3.查看本地已安装的appium版本
  • WINUI/WPF——Button不同状态下图标切换
  • 对接支付宝,阿里云沙箱服务
  • 在Linux中如何编写*.service文件?
  • 【单调栈】-----【Largest Rectangle in a Histogram】
  • emscripten 编译 wasm 版本的 openssl
  • 蚂蚁百宝箱快速创建智能体AI小程序
  • 项目中后端如何处理异常?
  • 智慧水利数字孪生解决方案:百川孪生智领千行,100+标杆案例赋能智慧水利全域升级