Qt使用qss文件管理stylesheet

内容总结简介：
1）使用.qss后缀的文件来管理Qt中每个类的具体组件的stylesheet设置。
2）在类中使用具体.qss文件中的设置。
3）解决控件中多个相同组件不同设置或者同一个控制不同子控制或者伪状态的问题。

1.新建后缀名为.qss的文件管理stylesheet设置
1）右键单击工程名字，add new ->Qt->Qt resource file，将文件名字取为res.qrc。
2）右键单击res.qrc，选择add prex，设置名字为qss。
3）右键单击qss，选择add new->General->Empty file，取名为对应类名字，如mainwIndow.qss，则可以在这个文件中写mainwindow中使用的组件stylesheet设置。
4）期间所有的提示都选择“YesToAll"。

2.在具体的类中使用文件中的stylesheet设置
1）使用mainwindow.qss初始化QFile文件：QFile file(：/qss/mainwindow.qss)
2）以只读的方式打开文件：file.open(QFile:readOnly)
3）将文件的内容组合成字符串：QString styleSheetString = tr(file.readAll())
4）应用stylesheet：setStyleSheet(styleSheetString)
5）关闭文件：file.close();

3.解决单个控件中的多个设置问题或者一个控件加上多个子控制或者伪状态的设置
（1）解决单个控件中的多个设置问题
1）选择ID作为区分的标注，即在组件设置后面加上#要设置对象的名字
2）不妨假设在mainwindow中有多个QPushButton，将其中的一个名为num1的设置为红色，其他全部设置为绿色，则有：mainwindow QPushButton#num1{ color:red;} QPushButton{ color:green；}
3）单独设置的那个控件需要在mainwindow.qss文件中加上所在类的名字作为标识，并在使用指定num1组件时，额外添加代码num1->setObjectName(“num1”)
（2）解决一个控件多个子控制或者伪状态的设置问题
1）不妨假设设置num1的QPushButton在checked状态下为红色，在unchecked状态下设置成绿色：
QPush:indicator:checked{color:red;} QPushButton:indicator:unchecked{color:green}
总结：在stylesheet设置文件中，相同组件的设置会被同时选中，但是如果多个组件设置中存在相同的属性设置，则最符合要求的那个属性会把其他相同的属性覆盖掉，但是其他属性会保留下来。

Qt使用qss文件管理stylesheet相关推荐

详解 QT 皮肤 QSS编程
本文纯粹拷自51CTO,只为复习阅读方便... QT 皮肤 QSS编程是本文要介绍的内容,借用css 的灵感,Qt也支持Qt自己的css,简称qss.同css 相似,qss的主要功能与最终目的都是能使 ...
Qt6教程之三(2) QT使用qss
QSS是Qt Style Sheets的缩写,中文含义是Qt样式表,它用来自定义控件外观的机制.QSS与网页中使用的CSS非常相似,可以把QSS看作是CSS在Qt领域领域的定制版本. QSS的语法规则 ...
（QT）qss与按钮
一.qss 1.qss相关概念 QT QSS(Qt Style Sheets)文件是一种基于CSS的样式表语言,用于定义QT应用程序的外观和风格.它可以用于控制应用程序中的各种界面元素的外观和行为,如 ...
Qt之QSS（暗橙色）
简述我觉得一个好看的 UI 可以潜意识地激励我们,不仅可以让我们工作的更高效.更有乐趣,而且可以让应用程序变得更漂亮.更直观. 我比较喜欢风格一致的产品,让所有的东西看起来像是一个大家庭,给人一种专 ...
【QT】QSS美化——基础知识
目录一.辅助工具二.QSS加载方式三.QSS选择器类型 3.1 通配选择器 3.2 类型选择器 3.3 属性选择器 3.4 类选择器 3.5 ID选择器 3.6 后代选择器 3.7 子选择器 3 ...
QT 的 QSS 的基本概念
https://www.cnblogs.com/davesla/archive/2011/01/30/1947928.html 借用css 的灵感, Qt也支持Qt自己的css, 简称qss.同css ...
Qt中QSS的简单使用
样式表的组成样式表由两大元素组成:选择器和声明.选择器实际上可以理解为对象,声明则是对该对象的属性的设置. 样式表的使用方法一:在代码中调用setStyleSheet()来设置样式: 方法二:通过 ...
Qt 之 QSS（黑色炫酷）
简述 Qt助手中有关于各种部件的QSS详细讲解,资源很丰富,请参考:Qt Style Sheets Examples. 黑色炫酷 - 一款漂亮的QSS风格. 之前博客中分享了很多关于Qt的样式效果,几 ...
Qt 之 QSS（白色靓丽）
简述 Qt助手中有关于各种部件的QSS详细讲解,资源很丰富,请参考:Qt Style Sheets Examples. 白色靓丽 - 一款漂亮的QSS风格. 你可以直接使用,也可以随意转载,但请务必保 ...

Qt使用qss文件管理stylesheet

Qt使用qss文件管理stylesheet相关推荐

最新文章

热门文章