Qt工程实践_01_Qt样式表Qss（什么是QSS；基本语法；setStyleSheet函数；样式表的属性值；利用QtCreate实现样式切换；样式表实现皮肤改变实例）

十月旧城

已于 2024-02-26 21:17:16 修改

阅读量2.4w

点赞数 33

CC 4.0 BY-SA版权

分类专栏： Qt工程架构及工程实践文章标签： qt ui 开发语言

于 2022-05-08 12:18:16 首次发布

本文链接：https://blog.youkuaiyun.com/Dasis/article/details/124644398

10 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细介绍了Qt样式表Qss，包括基本语法、setStyleSheet函数的使用，以及如何通过QSS实现按钮按下后的颜色变化和皮肤切换。通过实例展示了在QtCreate中设置样式表的方法，并对比了手动设置与使用工具的区别。

本篇介绍什么是样式表，讨论如何使用Qt样式表Qss修改应用程序外观，并通过实例进行讲解。

了解HTML的同学都知道，一般在HTML中我们把样式表叫做CSS，在Qt中我们称之为QSS。QSS和CSS并不完全等同，语法完全类似，定义上存在一些差别。

QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，用于美化UI界面。实现界面和程序的分离，快速切换皮肤。
QSS最大的优点就是简单便捷，我们可以通过它快速实现应用程序的外观界面。

1）选择器 {property:value}
Qt中有很多控件，例如 QPushButton、 QWidget等被称为选择器， {property:value}代表属性和值。

QPushButton {
   
   color: red} //代表QPushButton 颜色为红色

2）几个选择器可以指定相同的声明，使用逗号“，”来分隔选择器

 //代表QPushButton ，QLineEdit，QComboBox 颜色为红色
QPushButton，QLineEdit，QComboBox  {
   
   color: red}

3）声明部分的规则有多个属性值时包含在花括号{}中，以分号;分隔，属性之间在QSS之间是不区分大小写的

QPushButton {
   
   color: red

了解本专栏