【PyQt】集中式样式表（QSS文件）管理界面样式

集中式样式表（QSS文件）管理界面样式

集中式样式表（通常使用QSS，Qt StyleSheet）是一种非常有效的方式来管理和定制你的PyQt应用程序的界面样式。类似于Web开发中的CSS，QSS允许你以声明式的方式定义组件的外观，而无需在代码中逐一设置每个组件的属性。

步骤 1: 创建 QSS 文件

首先，创建一个 .qss 文件，例如 styles.qss，并在其中定义你的样式规则。以下是一个简单的例子：

/* styles.qss */
QPushButton {
    background-color: #4CAF50; /* Green */
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
}

QLineEdit {
    background-color: #f0f0f0;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

QMainWindow {
    background-color: #E0E0E0;
}

步骤 2: 加载并应用 QSS 文件

接下来，在你的 PyQt 应用程序中加载这个 .qss 文件，并将其应用于整个应用程序或特定的部件。以下是实现这一过程的示例代码：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QVBoxLayout, QWidget, QLineEdit
from PyQt5.QtCore import QFile, QTextStream

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("QSS 样式表示例")
        self.setGeometry(100, 100, 400, 300)

        layout = QVBoxLayout()

        button = QPushButton("点击我", self)
        lineEdit = QLineEdit(self)

        layout.addWidget(button)
        layout.addWidget(lineEdit)

        container = QWidget()
        container.setLayout(layout)
        self.setCentralWidget(container)

        # 加载外部样式表
        styleFile = "styles.qss"
        with open(styleFile, "r") as f:
            qss = f.read()
            app.setStyleSheet(qss)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())

效果展示

1.未使用（QSS文件）管理界面样式

2.使用（QSS文件）管理界面样式

        styleFile = "styles.qss"
        with open(styleFile, "r") as f:
            qss = f.read()
            app.setStyleSheet(qss)

注意事项

• 路径问题：确保你的 .qss 文件路径是正确的。如果样式表文件不在同一目录下，你需要提供完整的相对或绝对路径。
• 性能考虑：对于大型应用程序，频繁地修改全局样式可能会影响性能。尽量减少对 app.setStyleSheet() 的调用次数。
• 优先级：QSS 的选择器优先级与 CSS 类似。如果需要覆盖默认样式或其它样式，请注意选择器的特异性。

通过这种方式，你可以轻松地维护和更新你的应用程序样式，同时保持代码清晰和易于管理。如果你有多个不同的主题或者想要动态切换样式，只需加载不同的 .qss 文件即可。