QSS(Qt样式表)概念

article/2025/9/28 23:41:22

Qt样式表是一个可以自定义部件外观的十分强大的机制,除了QStyle更改的样式,其他的都可以由QSS修改。由于受到Html的CSS启发,所以叫QSS。

  • 代码添加样式表
  • ui界面上添加样式表

代码添加样式表:

setStyleSheet()添加样式表

在ui界面中添加两个控件:pushButton 和lineEdit 

 修改两个部件的背景颜色:

    ui->pushButton->setStyleSheet("background:blue");ui->lineEdit->setStyleSheet("background:yellow");

 修改同一类控件的方法:

格式为:   控件类名 {   内容   }

QPusgButton{background:blue}
QLabel{background:yellow}

ui界面中的使用:

右键点击对象,点击改变样式表

 可以根据上面的选项添加内容:


 Qt样式表的语法:

一:样式规则

每个样式由选择器声明组成

  • 选择器可以有多个用,隔开
  • 样式表可以不区分大小写:  color   Color  COLOR 都可以使用,但类名、对象名和Qt属性名区分大小写
  • 样式中的属性用;隔开

QPushButton {color:red}

  • QPushButton为选择器
  • {color:red} 声明
  • color为属性
  • red为值
QPushButton
{
color:red//等价于Color:red  COlor:rad  例如color,background等不区分大小写
}QPushButton,QLabel,QLineEdit//多个选择器用,隔开
{
color:red;//多个的话用;隔开
background-color:white
}

二:选择器的类型 

选择器示例说明
通用选择器*匹配所有部件
类型选择器QPushButton匹配所有QPushButton实例和它的所有子类
属性选择器QPushButton[flat="false"]匹配QPushButton的属性flat为false的实例
类选择器.QPushButton匹配所有QPushButton实例,但不包含它的子类
ID选择器QPushButton#button匹配QPushButton中名为button的实例
后代选择器QDialog QPushButton匹配所有QPushButton实例,但必须为QDialog的子孙部件
孩子选择器QDialog >QPushButton匹配所有QPushButton实例,但必须为QDialog的直接子部件

三:子控件

QComboBox::drop-down{.....}

  • drop-down 代表上下箭头
  • 使用::来连接子控件
在帮助文档中搜索  Qt Style Sheets Reference  搜索更多子控件

四:伪状态

常用的伪状态:

:checked该项目已选中
:unchecked该项目未选中
:disabled该项目已禁用
:editableQComboBox可编辑
:edit-focus具有编辑焦点
:focus输入焦点
:hover鼠标悬停在项目上
:read-only只读
:pressed鼠标按下
  • 伪状态:在放在选择器之后用:隔开
  • 伪状态可以使用  !来表示否定
  • 可以使用多个伪状态(与的效果)   :hover:pressed()
  • 用,连接可以达到(或的效果)
  • 伪状态可以和子控件一起使用
QPushButton:hover//鼠标悬停
{
color:red
}
QPushButton:!hover//鼠标不悬停
{
color:red
}
QPushButton:hover:preassed//鼠标悬停且鼠标点击
{
color:red
}
QPushButton:hover,QPushButton:pressed//鼠标悬停或鼠标点击
{
color:red
}
QComboBox::drop-down:pressed//子控件和鼠标悬停
{
color:red
}

五:冲突的解决

解决方法为:

  • 特殊的选择器优先
  • 有伪装比没伪装优先
  • 特殊性相同,后出现的优先
  • 当父类和本身都有样式表并有冲突时,优先使用本身的样式表

 六:继承关系

使用样式表时,部件并不会自动从父部件继承字体和颜色设置

想要继承到子部件需要这样设置样式表。

假设 QPushButton是QGroupBox的一个子部件//这样的话颜色会设置到所有子部件
//注意*前面有一个空格
QGroupBox,QGroupBox * 
{
color:red;
}

 七:设置QObject属性

在Qt4.3之后,任何可设计的Q_PROPERTY都可以使用"qproperty-属性名称”语法来设计样式表。

QPushButton{qproperty-pixmap:url(.....)}
Qlabel{qproperty-iconSize:20px 20px;}


http://chatgpt.dhexx.cn/article/r2lkF8SP.shtml

相关文章

【QT】QSS使用总结

文章目录 主要流程:导入QSS文件:1. 添加Qt Resource File文件,输入名称2. 在工程文件目录下先建一个".txt"文件,重新命名后缀为".qss"3. 右键添加现有文件qss.qss4. 完成添加5. 将 qss样式应用到整个工程 QSS…

01_1_Qt工程实践_Qt样式表Qss(什么是QSS;基本语法;setStyleSheet函数;样式表的属性值;利用QtCreate实现样式切换;样式表实现皮肤改变实例)

本篇介绍什么是样式表,讨论如何使用Qt样式表Qss修改应用程序外观,并通过实例进行讲解。 了解HTML的同学都知道,一般在HTML中我们把样式表叫做CSS,在Qt中我们称之为QSS。QSS和CSS并不完全等同,语法完全类似&#xff0c…

【QT】QSS美化——基础知识

目录 一、辅助工具 二、QSS加载方式 三、QSS选择器类型 3.1 通配选择器 3.2 类型选择器 3.3 属性选择器 3.4 类选择器 3.5 ID选择器 3.6 后代选择器 3.7 子选择器 3.8 伪类选择器 四、QSS常用属性 4.1 字体 4.2 颜色 4.3 内边距 4.4 外边距 4.5 背景 4.6 边框…

在没有QQ、微信时局域网共享文件方法

1、首先开启共享 2、将要共享文件的电脑做同样操作 查看局域网下电脑 点击要访问的电脑输入该电脑的账号密码进行登录。 3、选择要共享的文件和访问权限 在要共享文件的电脑选择要共享的文件右键-授予访问权限-家庭组 然后选特定用户-everyone即可。 之后就是在这个文件里面…

分享:我的局域网QQ Bing(必应)1.0 正式发布,包括:聊天、视频、语音、电话、截屏、文件传输 等

分享:我的局域网QQ Bing(必应)1.0 正式发布,包括:聊天、视频、语音、电话、截屏、文件传输 等 百万商业圈 局域网QQ Bing(必应)1.0 正式发布 Bing(必应)是一款优秀的企业局域网即时…

交换机组建局域网

说来惭愧,今天才搞明白用交换机组建局域网的原理,这里介绍方法: 平时使用的路由器有交换机的功能,单纯使用交换机还是第一次: 1、将所有电bai脑连到同一台交换机上,du即将各台电zhi脑的网线插入同一dao台交…

基于JAVA的局域网聊天软件的设计与实现(仿制QQ)

一、系统分析 1.1 问题描述 客户端 实现简易版的局域网聊天器实现富文本内容聊天智能聊天机器人群发消息传送文件等功能 服务器端 实现群发通知管理聊天线程 1.2 系统功能分析 客户端功能 登陆注册发送表情消息发送文本消息截取图片图片处理震动效果发送文件群发消息设置聊天…

通过交换机组建局域网

实现目标:利用交换机搭建一个局域网,使得该局域网下同一网段的所有机器相互通信 所需设备:电脑一台,树莓派两个,工控机两台,TP-Link交换机一台。 该教程就以一台电脑和一台树莓派搭建局域网为一个demo&am…

PHPstudy配置局域网

PHPstudy配置局域网 1.打开小皮网站(https://www.xp.cn/download.html),下载64位PHPstudy到电脑桌面 2.解压zip文件 3.打开解压后的文件夹,找到.exe文件,直接安装 4.安装好之后,开启Apache、FTP和MySQL 5…

局域网传输/共享大文件

局域网传输/共享大文件 前段时间和同学传一个4g的数据。想到如下几个点子 通过qq进行传输,但是要上传,还要下载,还要网速给力才行,而且花费的可是双倍的时间,一个上传一个下载,等的黄花菜都凉了。通过u盘…

局域网网站服务器dns设置,局域网设置dns的方法

DNS域名解析是指通过主机名得到该主机名对应的IP地址。BIND作为局域网上广泛使用的DNS服务器软件,通过对区文件的管理实现对DNS域名的授权和查询使用。下面是学习啦小编为大家整理的关于局域网设置dns怎么设置在哪,一起来看看吧! 局域网设置dns的方法 Windows 7相比于常用的Wi…

局域网传输文件_局域网微信?这是什么神仙玩法

前天我们刚好谈到局域网在观看各类资源时的作用。 那么就接着聊聊局域网的其他妙用。 今天无论在家还是在外,只要连接同一个 WiFi,大家的设备就在一个局域网内。 而相比微信、QQ 等需要中转服务器的聊天/办公工具。 局域网下,多台设备能够点对…

局域网下的两个 QQ 好友进行在线文件传输抓包

局域网下的两个 QQ 好友进行在线文件传输过程抓包 文章目录 局域网下的两个 QQ 好友进行在线文件传输过程抓包介绍细节总结 介绍 由于本人一个作业需要,想要验证内网情况下两个 QQ 好友的文件传输是通过局域网直接传输的。以下是本人的数据抓包结果,具体…

C# Socket编程实现简单的局域网聊天器

前言 最近在学习C# Socket相关的知识,学习之余,动手做了一个简单的局域网聊天器。有萌生做这个的想法,主要是由于之前家里两台电脑之间想要传输文件十分麻烦,需要借助QQ,微信或者其他第三方应用,基本都要登…

局域网传文件_秒杀QQ微信,这3个神器传输文件快10倍

所需软件:奶牛传输、Xender 获取办法:私信回复「301」获取 每次一聊到传输文件,学霸君的同事简直叫苦不迭“百度云下载速度太慢了!一个文件,半个小时都下载不完”、“好久不用QQ,连密码都忘记了”、“微信…

简易局域网聊天QQ

简易局域网聊天系统–局域网QQ 服务器端 实现简易的启动停止服务器端操作,能记录基本日志:客户连接、消息传送,能查看连接客户的昵称。 启动服务器后开始监听客户端连接,创建一个新线程实现该监听操作。 // 启动新线程监听客户…

Win 7 SSDP 组播 引发 局域网 QQ掉线 分析

很久没有写博客了,自从四月份以来找了一份开发的工作开始从事PHP,symfony 网站开发,突然发现好像也没有什么东西可以分享了,所以博客也写的少了。 言归正传,最近学校常常有人抱怨QQ掉线,而且据说有严重的趋…

kali局域网扫描ip_kali 扫描局域网的QQ

扫描电脑端 方法一:抓包方式 相对于电脑端来说,很简单。因为电脑的QQ使用的是OICQ协议。我们只需要抓包搜索OICQ协议即可。 然后查找协议 OICQ - IM software, popular in China展开后即可看到QQ号码 方法二:利用软件 下载软件QQSNIFFER运行扫描

利用SWT做Java版局域网QQ(一)——基于UDP协议

首先自我介绍下,本人非专职IT人员、纯粹是IT爱好者,也并非计算机专业毕业的,所用的Java知识也全凭空闲时间学习的,所以在很多地方代码不够精炼,也只是能实现 一些功能吧,当然也参考了一些前辈的文档等。写此篇博客也纯粹是把自己学到的写写笔记而已。好了废话不多说,开始…

C#局域网聊天程序

【例1】下面演示如何使用C#制作一个局域网聊天程序,程序开发步骤如下: (1)新建一个Windows应用程序,并命名为11,这时程序自动创建了一个解决方案,名称为11。 (2)将默认创建的Windows 窗体删除,然后在名称为…