QT美化之QSS笔记

• Author: 浅若清风cyf

[toc]

官方文档

• PyQt5 Reference Guide — PyQt v5.15 Reference Guide (riverbankcomputing.com)
• Qt 5.15

参考资料

• QSS - 简书 (jianshu.com)
• QSS总结以及最近做的Qt项目 - 薰衣草的旋律 - 博客园 (cnblogs.com)
• （☆☆☆）Qt Style Sheets Reference | Qt Widgets 5.15.8

一、QSS选择器

二、QSS属性设置

官方文档：

• 样式表属性：List of Properties
• 样式表属性可选值：List of Property Types

在QSS中设置的属性分为两种:

• 样式表的属性, 如border、border-radius、background-color等属性
• QObject系统的属性（QtDesigner中的属性/对象属性），如QLabel::alignment、QLabel::text、QLabel::wordWrap等属性，即在QObject框架中使用“Q_PROPERTY”申明的属性。

注：

• 设置QOjbect属性时，需要在属性名前面加上"qproperty-"。比如要设置QLabel::alignment属性时在QSS中需要写成qproperty-alignment
• 如果属性有多个值组成，需要将这个值用单引号和双引号括起来

以下是使用QSS属性和QObject属性的示例。

QLabel {
  border-radius: 3px;
  background-color: white;
  qproperty-alignment: AlignCenter; /*或者是 "AlignHCenter|AlignVCenter"*/
  qproperty-text:'This is a Text Mesage';
}

三、子控件（::）

官方文档：

• List of Sub-Controls

• 示例：下拉列表控件未展开状态下右侧的图标：QComboBox::drop-down { image: url(dropdown.png) }
• 翻译版本：

四、伪状态（:）

官方文档：

• List of Pseudo-States

• 翻译版本：