在Qt中使用Qss可以通过两种方式实现：一种是通过代码设置，另一种是通过外部文件导入。无论采用哪种方式，都需要先创建一个QApplication或QWidget对象，并将Qss样式表应用于该对象或其子部件上，以使样式生效。

示例1

下面是一个简单的Qss样式表例子：

QPushButton {
    background-color: #4CAF50; /* 设置按钮背景色为绿色 */
    color: white; /* 设置按钮前景色为白色 */
    border-radius: 5px; /* 设置按钮圆角半径 */
    padding: 10px 20px; /* 设置按钮内边距 */
}
QLineEdit {
    border: 2px solid gray; /* 设置文本框边框 */
    border-radius: 5px; /* 设置文本框圆角半径 */
    padding: 5px; /* 设置文本框内边距 */
}

该样式表定义了两个基本部件QPushButton和QLineEdit的样式，分别设置了它们的背景色、前景色、边框、圆角半径和内边距等属性。通过将该样式表应用于Qt应用程序中的相应部件，可以实现统一的界面风格和效果。

在这个例子中，我们设置了QPushButton的背景颜色为绿色，前景颜色为白色，圆角半径为5px，内边距为10px 20px。我们还设置了QLineEdit的边框为2px的灰色实线，圆角半径为5px，内边距为5px。

要将这个样式表应用于我们的Qt应用程序，我们可以通过以下代码将其加载到QApplication对象中：

import sys
from PyQt5.QtWidgets import QApplication, QPushButton, QLineEdit
app = QApplication(sys.argv)
# 加载样式表
with open('style.qss', 'r') as f:
    app.setStyleSheet(f.read())
# 创建QPushButton和QLineEdit
button = QPushButton('Click me')
lineedit = QLineEdit()
# 在窗口中显示部件
button.show()
lineedit.show()
# 运行Qt应用程序
sys.exit(app.exec_())

在这个例子中，使用了Python和PyQt5来创建一个简单的Qt应用程序。首先加载样式表文件style.qss，然后创建一个QPushButton和一个QLineEdit。最后，将它们显示在窗口中，并运行Qt应用程序。

示例2

在Qt中，我们可以使用setStyleSheet方法将Qss样式表应用于QWidget或其子类对象。具体来说，我们可以在QWidget的构造函数中调用setStyleSheet方法来设置Qss样式表，也可以在运行时通过调用setStyleSheet方法来动态更改样式表。以下是一个简单的示例

from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QLineEdit
import sys
class MyWidget(QWidget):
    def __init__(self):
        super().__init__()
        # 创建QPushButton和QLineEdit
        button = QPushButton('Click me', self)
        lineedit = QLineEdit(self)
        # 设置样式表
        self.setStyleSheet("""
            QPushButton {
                background-color: #4CAF50; /* 设置按钮背景色为绿色 */
                color: white; /* 设置按钮前景色为白色 */
                border-radius: 5px; /* 设置按钮圆角半径 */
                padding: 10px 20px; /* 设置按钮内边距 */
            }
            QLineEdit {
                border: 2px solid gray; /* 设置文本框边框 */
                border-radius: 5px; /* 设置文本框圆角半径 */
                padding: 5px; /* 设置文本框内边距 */
            }
        """)
        # 在窗口中显示部件
        button.move(50, 50)
        lineedit.move(50, 100)
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MyWidget()
    window.show()
    sys.exit(app.exec_())

在这个示例中，我们创建一个MyWidget类，它是QWidget的子类，并在构造函数中创建了一个QPushButton和一个QLineEdit。我们通过调用setStyleSheet方法并传递Qss样式表来设置它们的样式，然后将它们显示在窗口中。在这个例子中，我们采用了在构造函数中设置样式表的方式，但是我们也可以在运行时动态更改样式表，只需要调用setStyleSheet方法并传递新的样式表即可。

示例3

在C++中，我们可以使用setStyleSheet方法将Qss样式表应用于QWidget或其子类对象。以下是一个简单的示例：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLineEdit>
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QWidget window;
    // 创建QPushButton和QLineEdit
    QPushButton *button = new QPushButton("Click me", &window);
    button->move(50, 50);
    QLineEdit *lineedit = new QLineEdit(&window);
    lineedit->move(50, 100);
    // 设置样式表
    QString qss = "QPushButton {"
                  "background-color: #4CAF50; /* 设置按钮背景色为绿色 */"
                  "color: white; /* 设置按钮前景色为白色 */"
                  "border-radius: 5px; /* 设置按钮圆角半径 */"
                  "padding: 10px 20px; /* 设置按钮内边距 */"
                  "}"
                  "QLineEdit {"
                  "border: 2px solid gray; /* 设置文本框边框 */"
                  "border-radius: 5px; /* 设置文本框圆角半径 */"
                  "padding: 5px; /* 设置文本框内边距 */"
                  "}";
    window.setStyleSheet(qss);
    window.show();
    return app.exec();
}

在这个示例中，我们创建了一个QWidget对象，然后在其上创建了一个QPushButton和一个QLineEdit。我们通过调用setStyleSheet方法并传递Qss样式表来设置它们的样式。在这个例子中，我们采用了直接在代码中设置样式表的方式，但是我们也可以将样式表写入一个文件中，然后在运行时读取并设置它们的样式表。

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，C++设计模式，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓

Qt的Qss美化

示例1

示例2

示例3

猜你喜欢