【QT入门】 Qt自定义控件与样式设计之qss选择器

往期回顾:

【QT入门】 无边框窗口设计综合运用之自定义标题栏带圆角阴影的窗口-CSDN博客

【QT入门】 无边框窗口设计之综合运用,实现WPS的tab页面-CSDN博客

【QT入门】Qt自定义控件与样式设计之qss介绍(Qt style sheet)-CSDN博客

【QT入门】 Qt自定义控件与样式设计之qss选择器

一、什么是qss选择器

QSS选择器是Qt Style Sheets的一部分,用于选择Qt应用程序中的UI元素并为其应用样式。类似于CSS选择器,QSS选择器允许我们根据特定的条件选择UI元素,并为其设置样式,从而定制应用程序的外观和风格。通过QSS选择器,我们就可以轻松地修改Qt应用程序的外观,使其更符合用户需求或应用程序设计风格。

二、常见选择器

1、通配符选择器

匹配所有的控件,用星号表示

复制代码
* {
        background-color:yellow;
}

或者指明子类,注意*和子类名之间有空格的

复制代码
* QPushButton{
        background-color:yellow;
}

另外这里指明子类是可以指明多个的,比如

复制代码
* QPushButton, QLabel{
        background-color:yellow;
}

2、类型选择器

通过控件类型来匹配控件的(包括子类)

复制代码
QWidget {
        background-color:yellow
}

此时所有的控件背景颜色都会是这个,因为QWidget是所有ui控件的最高类

如果想防止子类,例如窗口被修改,可以设置属性,这个我们很早之前就提过

复制代码
//禁止父窗口影响子窗口样式
setAttribute(Qt::WA_StyledBackground);

类选择器也是通过控件类型来匹配控件的,**但不同的是不包含子类**,语法是在类前面加了个.(是个点)这样就只对QWidget生效,如果界面上有其它控件则不生效。

复制代码
.QWidget {
        background-color:yellow
}
注意类前面有个点

3、ID选择器

ID选择器是结合控件的objectname来匹配控件的,qss里objectname前加个井号来表示,不同控件的objectname是可以相同的

怎么个事呢,因为每个控件都有自己的objectname,当我想指定给某个控件添加样式的时候,就可以用这个id选择器,#前面是类名,后面是控件的objectname

复制代码
QPushButton#pushbutton_2{
        background-color:yellow;
}

4、属性选择器

属性选择器是结合控件的属性值来匹配控件的,首先要设定控件的属性,qss里属性用[proterty = attitude]来限制

4.1qt代码
复制代码
label1.setProperty('notice_level','error')
label2.setProperty('notice_level','warning')
4.2qss样式
复制代码
.QLabel {
        background-color:pink;
}

.QLabel[notice_level='warning'] {
        border:5px solid yellow;
}

.QLabel[notice_level='error'] {
        border:5px solid red;
}

这里还有个用法,就是qss内只定义属性值,只要有这个属性的控件就可以被选中,也就是说,只要有novice_level这个属性的控件都是生效的。

复制代码
.QLabel [notice_level]{
        background-color:pink;
}

.QLabel[notice_level='warning'] {
        border:5px solid yellow;
}

.QLabel[notice_level='error'] {
        border:5px solid red;
}

都看到这里了,点个赞再走呗朋友~

加油吧,预祝大家变得更强!

相关推荐
投笔丶从戎31 分钟前
Kotlin Multiplatform--01:项目结构基础
android·开发语言·kotlin
OpenC++41 分钟前
【C++QT】Buttons 按钮控件详解
c++·经验分享·qt·leetcode·microsoft
杜小暑1 小时前
动态内存管理
c语言·开发语言·动态内存管理
想不明白的过度思考者1 小时前
Java从入门到“放弃”(精通)之旅——JavaSE终篇(异常)
java·开发语言
我真的不会C2 小时前
QT窗口相关控件及其属性
开发语言·qt
CodeCraft Studio2 小时前
Excel处理控件Aspose.Cells教程:使用 Python 在 Excel 中进行数据验
开发语言·python·excel
火柴盒zhang2 小时前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet
景天科技苑2 小时前
【Rust】Rust中的枚举与模式匹配,原理解析与应用实战
开发语言·后端·rust·match·enum·枚举与模式匹配·rust枚举与模式匹配
阿让啊2 小时前
C语言中操作字节的某一位
c语言·开发语言·数据结构·单片机·算法
椰羊~王小美2 小时前
LeetCode -- Flora -- edit 2025-04-25
java·开发语言