Qt样式表

（1）样式规则

每个样式规则由选择器和声明组成。

选择器：指定受该规则影响的部件。

声明：指定这个部件上要设置的熟悉

如：QPushButton{color:red}

QPushButton 是选择器；

{color:red}是声明；

color 是属性；

red 是值。

选择器{属性 1：值 1；属性 2：值 2；属性 3：值 3}

此规则指定了 QPushButton 和它的子类使用红色作为前景色。样式表中一般不区分大小写，

如 color 与 coLOR 表相同属性， 但类名、对象名及 Qt 属性名区分大小写 。

声明中的多组“属性：值”列表以分号“；

”隔开，如

QPushButton{color:red;background-color:white}

     (2)

（3）子部件

对于一些复杂的部件修改样式，可能需要访问它们的子部件，如 QComboBox 的下拉按钮，

QSpinBox 的向上、向下箭头灯。

如：

下拉按钮设置图片属性：

QComboBox::drop-down{image:url(dropdown.png)}

（4）伪状态

①选择器可以包含为状态来限制规则在部件的指定状态上的应用。伪状态在选择器之后，用

冒号隔离。如

鼠标悬停在按钮上时被应用：

QPushButton:hover{color:white}

鼠标不悬停在按钮上时被应用(!表否定)：

QPushButton:!hover{color:white}

②伪状态可多个连用，达到逻辑与效果。如

鼠标悬停在一个被选中的 QCheckBox 部件上时才应用规则：

QCheckBox:hover:checked{color:white}

③伪状态可通过逗号达到逻辑或效果。如

QCheckBox:hover,checked{color:white}

④伪状态和子部件联合使用。如

QComboBox::drop-down:hover{image:url(dropdown_bright.png)}

（5）冲突解决

几个样式规则对相同的属性指定不同的值时会产生冲突。如

QPushButton#okButton{color:gray}

QPushButton{color:red}

冲突原则：特殊的选择器优先。此例中 QPushButton#okButton 代表的是单一对象，而不是

一个类的所有实例，所以 okButton 的文本颜色会是灰色的。同样的有伪状态的比没有伪状

态的优先。

①层叠

样式表设置在 QApplication 上、父部件上或子部件上。部件有效的样式表示通过部件的祖

先样式表和 QApplication 上的样式表合并得到的，当发生冲突时，部件自己的样式表优先

于任何继承的样式表。

②继承

当使用 Qt 样式时，部件并不会自动从父部件继承字体和样色样式设置。如一个

QPushButton 包含在一个 QGroupBox 中，这里对 QGroupBox 设置样式表：

qApp->setStyleSheet(“QGroupBox{color:red;}”);

但没有对 QPushButton 设置样式表，这是 QPushButton 会使用系统颜色，而不会继承

QGroupBox 的颜色，如果想要 QGroupBox 的颜色设置到其子部件上，可以这样：

qApp->setStyleSheet(“QGroupBox,QGroupBox*{color:red;}”)

③设置 QObject 属性

从 Qt4.3 开始，任何可设计的 Q_PROPERTY 都可以使用“qproperty-属性名称”语法来设置样

式表。如

MyLabel{qproperty-pixmap:url(pixmap.png);}

MyGroupBox{qproperty-titleColor:rgb(100,200,100);}

QPushButton{qproperty-iconSize:20px 20px;}

（6）盒子模型

使用样式表时，每个部件被看作拥有 4 个同心矩形的的盒子，四个矩形的内容分别为内容

（content）、填衬（padding）、边框（border）、边距（margin）。边距、边框宽度和填衬等

属性的默认值都是 0，这样四个矩形正好重叠。

（7）设计模式下设置样式表

①右键单击部件，选择“改变样式表”，然后进行样式的编辑。

②部件属性区选择 styleSheet 也可进行样式的设置。