QSS技术（二）—— 常用基本语法详解（QSS的基本语法、常用选择器、属性定义、控件状态样式、自定义属性等内容）

---

深入探索Qt样式表（QSS）：常用基本语法详解

在Qt应用程序开发中，界面的美观和一致性对于用户体验至关重要。Qt样式表（QSS，Qt Style Sheets）提供了一种灵活且强大的方式来美化和定制Qt控件的外观。类似于网页开发中的CSS（层叠样式表），QSS允许开发者以声明式的方式设置控件的样式，使其符合设计要求。本文将深入探讨QSS的基本语法、常用选择器、属性定义、控件状态样式、自定义属性等内容，以帮助开发者全面掌握QSS的使用方法。

1. Qt样式表（QSS）概述

Qt样式表（QSS）是一种用于Qt应用程序界面样式定制的语言。通过QSS，开发者可以控制Qt控件的外观，包括背景颜色、字体、边框、边距等属性。QSS的设计灵感来源于CSS，使得开发者能够以类似的方式定义和管理界面样式。

1.1 QSS的优势

• 灵活性：QSS允许开发者根据需求自定义控件的外观，适应各种设计风格。
• 集中管理：样式表可以集中管理，使得界面风格的一致性和维护变得更容易。
• 动态调整：QSS支持动态加载和修改样式，适合实现用户自定义主题或在运行时调整界面样式。
• 与代码分离：样式表与应用程序逻辑代码分离，提高了代码的可维护性和清晰度。

1.2 QSS的应用场景

• 品牌化应用：确保应用程序界面与公司品牌风格一致。
• 用户自定义主题：允许用户选择不同的界面主题或皮肤。
• 快速原型开发：快速实现和测试界面的不同设计方案。
• 跨平台一致性：确保应用程序在不同操作系统上的外观一致。

2. QSS的基本语法

QSS的基本语法类似于CSS，包括选择器、属性和属性值。下面将详细介绍这些基本语法及其用法。

2.1 选择器

选择器用于指定样式规则应用的控件类型或具体控件。常见的选择器包括控件类型选择器、控件名称选择器、类选择器等。

2.1.1 控件类型选择器

控件类型选择器用于选择特定类型的Qt控件。例如：

QPushButton {
   
    background-color: #3498db;
    color: white;
}

上述样式表将所有类型为 QPushButton 的控件的背景颜色设置为 #3498db，字体颜色设置为白色。

2.1.2 控件名称选择器

控件名称选择器用于选择具有特定名称的控件。例如：

QPushButton#submitButton {
   
    background-color: #e74c3c;
    color: white;
}

在这个例子中，QPushButton#submitButton 选择名称为 submitButton 的 QPushButton 控件，并将其背景颜色设置为 #e74c3c，字体颜色设置为白色。

2.1.3 类选择器

类选择器用于选择所有具有特定类名的控件。例如：

.myButton {
   
    background-color: #2ecc71;
    color: white;
}

你可以通过 setProperty 方法为控件设置自定义属性，从而应用类选择器。例如：

QPushButton *button = new QPushButton("My Button");
button->setProperty("class", "myButton");

2.2 属性定义

属性用于定义控件的外观，包括颜色、字体、边框、间距等。属性名称和属性值之间用冒号分隔，多个属性之间用分号分隔。例如：

QPushButton {
   
    background-color: #3498db;
    color: white;
    border: 1px solid #2980b9;
    padding: 5px;
}

在这个样式表中，QPushButton 的背景颜色设置为 #3498db，字体颜色设置为白色，边框设置为 1px 实线边框，内边距设置为 5px。

3. 控件状态样式

QSS允许定义控件在不同状态下的样式。例如，控件的悬停、按下、禁用等状态的样式。以下是一些常见的状态样式示例：

3.1 悬停状态

悬停状态样式用于定义鼠标悬停在控件上的外观。例如：

QPushButton:hover {
   
    background-color: #2980b9;
}

在这个样式表中，当鼠标悬停在 QPushButton 上时，背景颜色将变为 #2980b9。

3.2 按下状态

按下状态样式用于定义控件被按下时的外观。例如：

QPushButton:pressed {
   
    background-color: #1f77b4;
}

在这个样式表中，当 QPushButton 被按下时，背景颜色将变为 #1f77b4。

3.3 禁用状态

禁用状态样式用于定义控件处于禁用状态时的外观。例如：

QPushButton:disabled {
   
    background-color: #bdc3c7;
    color: #7f8c8d;
}

在这个样式表中，当 QPushButton 处于禁用状态时，背景颜色将变为 #bdc3c7，字体颜色变为 #7f8c8d。

4. 复杂选择器和嵌套样式

QSS支持复杂选择器和嵌套样式，允许开发者对控件的子控件进行样式定义。

4.1 复杂选择器

复杂选择器用于指定控件的层级关系。例如：