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

wpf之样式

前言

wpf的style样式用于将一组属性设置封装起来放置于资源文件中,从而轻松地应用到多个元素上,从而实现 UI 的统一和换肤功能,style主要有Setter、Trigger两个特性,

1、Setter

下面的代码中使用style通过Setter封装了三个属性Background、Foreground、FontSize,让这三个属性成为一个样式,并且通过TargetType="Button"来指定Button控件使用这个样式,并且使用x:Key=“MyButtonStyle"来为这个样式起了一个名称,并且这个样式放置于Window.Resources中使样式成为了资源文件。最后使用Button时,通过Style=”{StaticResource MyButtonStyle}"来让Button使用指定的样式.

<Window x:Class="wpf之Style.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:local="clr-namespace:wpf之Style"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><Style x:Key="MyButtonStyle" TargetType="Button"><Setter Property="Background" Value="Red" /><Setter Property="Foreground" Value="White"/><Setter Property="FontSize" Value="25"/></Style></Window.Resources><Grid><StackPanel ><Button  Height=" 100" Style="{StaticResource MyButtonStyle}"  Content="样式Button"/><Button  Height=" 100" Content="普通Button" /></StackPanel ></Grid>
</Window>

2、运行结果

从运行结果可以看出,使用了样式的Button,背景色、字体颜色、字体大小和不使用样式的Button比都得到了改变。
在这里插入图片描述

2、Trigger

Trigger称为触发器,Property是触发器关注的属性,Value是触发的条件,下面的代码中使用了两个触发器,当CheckBox的IsChecked为true时,背景色设置为Green,否则设置为红色

<Window x:Class="wpf之Style.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:local="clr-namespace:wpf之Style"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><Style x:Key="MyCheckBoxStyle" TargetType="CheckBox" ><Style.Triggers><Trigger Property="IsChecked" Value="True" ><Setter Property="Background" Value="Green"    /></Trigger><Trigger Property="IsChecked" Value="False"  ><Setter Property="Background" Value="Red"  /></Trigger></Style.Triggers></Style></Window.Resources><Grid><StackPanel Orientation="Vertical" ><CheckBox   Style="{StaticResource MyCheckBoxStyle}"  Content="样式CheckBox"/><CheckBox   Content="普通CheckBox" /></StackPanel ></Grid>
</Window>

1)IsChecked为true
在这里插入图片描述

2)IsChecked为false
在这里插入图片描述

马工撰写的年入30万+C#上位机项目实战必备教程(点击下方链接即可访问文章目录)

1、《C#串口通信从入门到精通》
2、《C#与PLC通信从入门到精通 》
3、《C# Modbus通信从入门到精通》
4、《C#Socket通信从入门到精通 》
5、《C# MES通信从入门到精通》
6、《winform控件从入门到精通》
7、《C#操作MySql数据库从入门到精通》

http://www.dtcms.com/a/361795.html

相关文章:

  • 嵌入式解谜日志之Linux操作系统—共享内存
  • Python备份实战专栏第5/6篇:Docker + Nginx 生产环境一键部署方案
  • 基于多种分词算法的词频统计的中文分词系统的设计与实现
  • 信创之-麒麟v10服务器安装tengine(已完成)
  • 推荐系统中Redis 数据存储:二进制序列化协议选型与优化
  • linux连接服务器sftp无法输入中文
  • 基于SpringBoot的教务管理系统(源码+文档)
  • C/C++ Linux系统编程:进程通讯完全指南,管道通讯、共享内存以及消息队列
  • 零基础从头教学Linux(Day 25)
  • vue3使用Eslint
  • B样条曲线在节点u处添加节点的操作方法
  • 心率监测系统优化方案全解析
  • 火语言 RPA:轻松生成界面应用,让开发触手可及​
  • 求欧拉回路:Hierholzer算法图解模拟
  • 计算机网络技术(四)完结
  • 算法题-02
  • 大型语言模型监督微调(SFT)
  • GitLab 18.3 正式发布,更新多项 DevOps、CI/CD 功能【二】
  • MiniCPM-V-4.5:重新定义边缘设备多模态AI的下一代视觉语言模型
  • 前端测试深度实践:从单元测试到E2E测试的完整测试解决方案
  • Axios与Ajax:现代Web请求大比拼
  • 新手向:前端开发中的常见问题
  • Laser Lorentzian Lineshape
  • 进程控制之进程创建与终止
  • Vue3+TS 流星夜景
  • TensorFlow 2.10 是最后一个支持在原生Windows上使用GPU的TensorFlow版本
  • Redisson和Redis实现分布式锁的对比
  • 【免费数据】2019年我国36个主要城市的高分辨率城市空地分布矢量数据
  • 【2025ICCV】
  • FOUPK3云服务平台旗下产品