通过加载 QSS 文件的方式美化 QT 界面

通过加载 QSS 文件的方式美化 QT 界面

1 配置工程

在进行配置之前，建议先在工程的根目录下新建一个 .qss 文件，方便后面的添加

1.打开目标工程，选中此工程，鼠标右键单击 Add New

2.随后弹出如下界面，左侧选中 Qt，紧接着右侧选中 Qt Resource File，最后单击 Choose...

3.随后这个界面即是填写文件的名称及路径，一般路径默认即可，而名称根据自己的喜好进行定义，这里为 resource，最后单击 Next

4.这个界面一般不做修改，单击 Finish 即可

5.第一步，单击 Add Prefix，其中 Prefix 的值建议修改为 /，其他不做修改；第二步，单击 Add Files，随后弹出一个窗口，默认打开当前工程的根目录，选择需要的 .qss 文件（如果事先没有新建或存在，需要新建），最后，单击 打开 即可。

6.添加完成

2 编写加载程序

在这里，有两种方式加载 QSS 文件，其原理都一样，步骤如下：

• 读取 QSS 文件
• 加载 Style

1.编写一个类，通过静态函数进行加载

#include "mainwindow.h"
#include <QApplication>

// 加载样式类
class LoadStyle
{

public:
    // 静态加载样式函数
    static void setStyle(const QString &styleFilePath)
    {
        QFile styleFile(styleFilePath);
        if(styleFile.open(QFile::ReadOnly))
        {
            qApp->setStyleSheet(styleFile.readAll());
            styleFile.close();
        }
        // 不成功弹出对话框
        else
        {
            QMessageBox::warning(NULL, "warning", "Open failed", QMessageBox::Yes | QMessageBox::No, QMessageBox::Yes);
        }
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    // 加载QSS样式
    LoadStyle::setStyle(":/stylesheet.qss");
    MainWindow w;
    w.show();
    return a.exec();
}

2.在主函数内直接加载

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QFile file(":/stylesheet.qss");
    if(file.open(QFile::ReadOnly))
    {
        QString styleSheet = QLatin1String(file.readAll());
        a.setStyleSheet(styleSheet);
        file.close();
    }
    else
    {
        QMessageBox::warning(NULL, "warning", "Open failed", QMessageBox::Yes | QMessageBox::No, QMessageBox::Yes);
    }
    MainWindow w;
    w.show();
    return a.exec();
}