本篇介绍什么是样式表,讨论如何使用Qt样式表Qss修改应用程序外观,并通过实例进行讲解。
了解HTML的同学都知道,一般在HTML中我们把样式表叫做CSS,在Qt中我们称之为QSS。QSS和CSS并不完全等同,语法完全类似,定义上存在一些差别。
1. 什么是QSS
QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性,用于美化UI界面。实现界面和程序的分离,快速切换皮肤。
QSS最大的优点就是简单便捷,我们可以通过它快速实现应用程序的外观界面。
2. 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