Qt 之 QSS（样式表语法）

已于 2023-07-05 18:03:00 修改
阅读量6.4w 收藏 109
点赞数 33
分类专栏： Qt 高级编程 文章标签： Qt QSS Qt样式 Qt样式表 Qt美化
于 2016-06-16 15:35:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liang19890820/article/details/51691212
版权
本文详细介绍了Qt的QSS（样式表语法），包括样式规则、选择器类型、子控件、伪选择器、解决冲突、级联效应、继承性等关键概念。QSS与CSS相似，支持类型选择器、子控件定位、伪状态和冲突解决策略。通过QSS，开发者可以对Qt应用程序进行精细化的界面美化和风格定制。
摘要由CSDN通过智能技术生成

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

Qt样式表（以下统称QSS）的术语和语法规则几乎和CSS相同。如果你熟悉CSS，可以快速浏览以下内容。

样式规则

QSS包含了一个样式规则序列，一个样式规则由一个选择器和声明组成，选择器指定哪些部件由规则影响，声明指定哪些属性应该在部件上进行设置。例如：

QPushButton { color: red }

上面的例子中QPushButton是选择器，{ color: red }是声明，该规则指定QPushButton及其子类（例如：MyPushButton）应使用红色作为前景色。

QSS通常不区分大小写（即：color、Color、COLOR、cOloR指同一属性），唯一例外就是类名（class names）、对象名（object names）、属性名（property names）区分大小写。

几个选择器可以指定相同的声明&#x

了解本专栏 订阅专栏 解锁全文 超级会员免费看
一去丶二三里
关注
专栏目录
订阅专栏
Qt 之 QSS（黑色炫酷）
青春不老，奋斗不止！
07-22 9万+
黑色炫酷 - 一款漂亮的QSS风格。
QT-QSS基础教程
qq_52896916的博客
10-30 1298
QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，用于美化UI界面。实现界面和程序的分离，快速切换皮肤。QSS最大的优点就是简单便捷，我们可以通过它快速实现应用程序的外观界面。
界面优化 - QSS
最新发布
天行健、君子以自强不息
08-16 1976
QSS设置方式 及 选择器
Qt之QSS（Q_PROPERTY-自定义属性）
weixin_34383618的博客
06-17 1073
简述 在Qt之QSS（Q_PROPERTY-原始属性）一节我们分享了Q_PROPERTY-原始属性的用法，但通常情况下我们需要很多自定义样式，例如：动态获取QSS样式，这时自定义属性就能很好的发挥其用武之地了。 简述 问题 解决方案 实例 效果 源码 QSS 使用 更多参考 问题 在使用QAbstrac...
Qt之QSS（QDarkStyleSheet）
weixin_34357962的博客
07-13 818
简述 关于样式，前面介绍了很多内容，下面分享一个深色样式表，很值得借鉴！ 简述 效果 QSS 更多参考 效果 QSS /* * The MIT License (MIT) * * Copyright (c) <2013-2014> <Colin Duquesnoy>...
Qt之QSS（样式表语法）
weixin_30444105的博客
06-16 3823
简述 Qt样式表（以下统称QSS）的术语和语法规则几乎和CSS相同。如果你熟悉CSS，可以快速浏览以下内容。 简述 样式规则 选择器类型 子控件 伪选择器 解决冲突 级联效应 继承性 Namespaces中的部件 设置对象属性 更多参考 样式规则 QSS包含了一个样式规则序列，一个样式规则由一个选择器和声明组成，选择器指定哪些部件由规则影响，声明指定哪些...
Qt之QSS（黑色炫酷）
weixin_34284188的博客
07-22 2075
简述 Qt助手中有关于各种部件的QSS详细讲解，资源很丰富，请参考：Qt Style Sheets Examples。 黑色炫酷 - 一款漂亮的QSS风格。 之前博客中分享了很多关于Qt的样式效果，几乎都是基下面此样式。 你可以直接使用，也可以随意转载，但请务必保留版权声明和许可声明，请参考“声明”部分。 简述 声明 ...
样式表语法总结_Qt样式表语法总结_Qt样式表_QT_
10-01
**Qt样式表语法总结** Qt样式表（QSS，Qt Style Sheet）是Qt框架提供的一种强大的界面美化工具，类似于Web开发中的CSS，用于控制Qt应用程序的外观和布局。通过使用Qt样式表，开发者可以轻松地改变窗口、按钮、...
Qt 之 QSS（白色靓丽）
热门推荐
青春不老，奋斗不止！
07-22 5万+
白色靓丽 - 一款漂亮的QSS风格。
Qt 之加载 QSS 文件
青春不老，奋斗不止！
07-22 4万+
Qt中关于样式的使用很常见，为了降低耦合性（与逻辑代码分离），我们通常会定义一个QSS文件，然后编写各种部件（例如：QLable、QLineEdit、QPushButton）的样式，最后使用QApplication进行样式加载，这样，就可以让整个应用程序就共享同一个样式。
qt qss
weixin_30607659的博客
04-24 112
QT皮肤(QSS)编程： 借用css 的灵感， Qt也支持Qt自己的css, 简称qss。同css 相似，qss的主要功能与最终目的都是能使界面的表现与界面的元素分离，即质与形的分离，就如同一个人可以在不同的时候穿上不同的衣服一样，css机制的引入，使得设计一种皮肤与界面控件分离的软件成为可能，应用程序也能像web界面那样随意地改变外观。一、QSS语法同css一样，他也有由一个selector与...
Qt qss
Keep It Simple, Stupid
12-31 2080
QPushButton,QToolButton{ background: #37383d; border: none; color:#FFFFFF; } QPushButton::hover,QToolButton::hover{ background: #42434a; } QPushButton::pressed,QToolButton::pressed{ backgroun
Qt-QSS
ttangdi00的博客
03-28 543
1.Qt样式表的介绍 QSS的主要功能是使得界面的表现和界面元素分离，为实现设计界面皮肤和界面的控件的分离技术提供支持。 主要通过使用AQplication的setStyleSheet()设置整个应用程序的样式，还可以通过QWidget的etStyleSheet()来设置某个具体控件的样式。 2.CSS规则 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 选择器通常是...
Qt使用qss
柳旭辉的博客
06-15 569
QT使用QSS
Qt之QSS文件
yongan1006的专栏
04-06 1万+
来自：http://hi.baidu.com/lesley_gyn/blog/item/84282dc7582cd14f0eb345c4.html 通过文件定义qss 1  将QSS代码写入.qss文件中；（calendar.qss） 2  在qrc中加入该.qss文件； 3  在代码中进行读取使用     QFile file(":/calendar.qss");     fil
Qt中qss样式表
wy749929317的博客
04-14 3962
qss样式表是用于设置QT程序UI界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，美化UI界面，实现界面和程序的分离，可以快速切换皮肤。 1、基本语法 selector { attribute:value } /**************************************************************/ /* 说明： */ /* select...
【Qt】Qt样式表/QSS基本语法
CCC的专栏
06-24 5695
1 背景 1.1 从Web前端说起 World Wide Web Consortium (W3C) 将网页主要分为三个组成部分： - 结构（Structure） → HTML - 表现（Presentation） → CSS - 行为（Behavior） → JavaScript 一个设计良好的前端页面中，这三个部分应该相互分离又各司其职，这不管对于项目的开发还是后期维护都会更加友好。 ...
Qt/Qss样式表基础
没有如果的博客
01-13 902
基本语法 1.  样式表单由一系列样式规则组成。 每条规则可以分成两部分：选择器（selector）和声明（declaration） 选择器：表示规则作用到哪些控件上 声明则：详细说明了是什么规则 2. Qt的样式表语法不区分大小写，所以color，Color，coLor，coloR都表示同样的颜色属性。 但是指代类的类名的时候，是区分大小写的。 3. 多个选择器可以并列
Qt 更新qss 样式
05-18
要更新Qt应用程序的QSS样式，可以使用以下步骤： 1. 创建一个QFile对象并打开您的样式表文件。 ```cpp QFile file(":/stylesheets/mystyle.qss"); if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) return; ``` 2. 读取文件内容。 ```cpp QTextStream in(&file); QString styleSheet = in.readAll(); ``` 3. 将样式表应用于应用程序。 ```cpp qApp->setStyleSheet(styleSheet); ``` 或者将样式表应用于特定的窗口或部件。 ```cpp myWidget->setStyleSheet(styleSheet); ``` 注意：这里的“myWidget”是您希望应用样式表的窗口或部件的指针。 4. 关闭文件。 ```cpp file.close(); ``` 这样，您就可以在运行时更新Qt应用程序的QSS样式。当您修改样式表文件时，只需重新加载文件并重新应用样式表即可。
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一去丶二三里

有收获，再打赏！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值