Qt 加载QSS文件（包括同时加载多个QSS文件）

已于 2023-05-24 16:32:46 修改
阅读量3.2k 收藏 24
点赞数 1
分类专栏： Qt随笔 文章标签： qt ui 开发语言
于 2023-01-07 11:33:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_dear/article/details/128589214
版权

Qt 加载qss文件

一、常规加载

常规加载的情况：项目简单只需要读取一个qss文件，或者根据不同需要在不用情况下读取多个qss文件中的一个文件。

情况一：项目简单只需要读取一个qss文件

具体代码：
在这里插入图片描述

#include <QFile>

Tip::Tip(QWidget *parent) :
    QDialog (parent),
    ui(new Ui::Tip)
{
    ui->setupUi(this);
	QFile qss(":/qss/qss_light.qss");
    if (qss.open(QFile::ReadOnly)){
        qApp->setStyleSheet( qss.readAll());
    }
}

情况二：读取多个qss文件中的一个文件

具体代码：

void LoadStyle::LoadStyleFile(QString strStyle)
{
	QFile qss(strStyle);
	qss.open(QFile::ReadOnly);
	qApp->setStyleSheet(qss.readAll());
	qss.close();
}

在主界面初始化时，调用这个函数，并把资源文件也就是QSS文件路径传进去：

m_cLoadStyle.LoadStyleFile(":/CTreeWidgetPro/Resource/Qss/CTreeWidgetPro.qss");
m_cLoadStyle.LoadStyleFile(":/CTreeWidgetPro/Resource/Qss/CustomItem.qss");

二、加载多个qss文件

方法一：多个样式文件放在同一个文件夹中一次获取

加载所有QSS文件大致思路是将QSS文件所在的文件夹下的所有样式文件都一次获取，循环读文件里面的内容，然后保存在一个字符串变量中，最后直接调用qApp->setStyleSheet（）这个函数。

void LoadStyle::LoadStyleFile()
{
	QString strDirPath = ":/CTreeWidgetPro/Resource/Qss";
	QStringList strListStyleFiles = QDir(strDirPath).entryList(QDir::Files);
	QString strStyle = GetAllStyle(strListStyleFiles, strDirPath);
	qApp->setStyleSheet(strStyle);
}
QString LoadStyle::GetAllStyle(QStringList strListStyleFiles, QString strDirPath)
{
	if (!strDirPath.endsWith("/"))
	{
		strDirPath.append("/");
	}
	QString strStyle;
	for (auto strFileName : strListStyleFiles)
	{
		QFile fileRead(strDirPath + strFileName);
		if (fileRead.open(QFile::ReadOnly))
		{
			strStyle += QLatin1String(fileRead.readAll());
		}
		fileRead.close();
	}
	return strStyle;
}

LoadStyleFile()函数中，strDirPath变量是QSS文件所在的文件夹；strListStyleFiles保存了文件夹下面所有文件的文件名称；
GetAllStyle()函数中，在for循环中处理每一个文件名，将文件夹路径+文件名就组成了完整了QSS文件路径，在进行读操作，将所有的文件读完之后保存并返回。

m_cLoadStyle.LoadStyleFile();

最后只要在主界面调用这个LoadStyleFile();函数即可：
m_cLoadStyle是加载资源文件类的对象，不管资源文件夹下面多少个QSS样式文件，都只需要调用一次即可，后续资源文件中继续添加新的QSS文件，这部分代码也不用进行修改。

方法二：多个Qss文件动态加载

软件QssEditor的样式编辑器，他里面有一种很神奇的颜色用法。

QLabel {
 color:#FF0000;
}
QPushButton{
 color:#FF0000;
}

假如我有一个红色字体软件，现在有个场景需要把红色都改成绿色。

QLabel {
 color:#00FF00;
}
QPushButton{
 color:#00FF00;
}

正常做法是准备两份样式red.qss和green.qss，需要什么颜色我就加载什么样式。

但是借鉴下QssEditor里面的做法，就是用theme值替换原有值

QLabel {
 color:$FontColor;
}
QPushButton{
 color:$FontColor;
}

在代码里面把$FontColor替换成对应颜色

QFile file("style.qss");
    if (file.open(QIODevice::ReadOnly))
    {
        QMap<QString, QString> theme;
        theme.insert("$FontColor", "#FF0000");

        QString style = file.readAll();
        for(const QString& key : theme)
        {
            style.replace(key, theme[key]);
        }
        qobject_cast<QApplication*>(QApplication::instance())->setStyleSheet(style);
        file.close();
    }

如果是theme更改成全局变量，可以达到程序即使在运行中，也可以动态去修改颜色。

在大胆点使用的话，是不是可以将整按钮的样式都替换theme值

QLabel {
 color:#FF0000;
}
$ButtonStyle

把button的样式单独写成一份button.qss，在通过QFile写入到对应theme值

QFile file("style.qss");
    if (file.open(QIODevice::ReadOnly))
    {
        QMap<QString, QString> theme;
        QFile f("button.qss");
        if (f.open(QIODevice::ReadOnly))
        {
            theme.insert("$ButtonStyle", f.readAll());
        }
        else {
            theme.insert("$ButtonStyle", "");
        }

        QString style = file.readAll();
        for(const QString& key : theme)
        {
            style.replace(key, theme[key]);
        }
        qobject_cast<QApplication*>(QApplication::instance())->setStyleSheet(style);
        file.close();
    }

那这样操作的话，一个类型的控件我就单独封装成一个qss样式文件，在集中替换到style.qss文本。

是不是只需要一个配置单，配置好每个theme值对应的qss样式文件名

$LabelStyle=label.qss
$ButtonStyle=button.qss
...

这样就代码只需要加载一个配置单和一个style.qss文件就可以，其他的控件样式文件动态的加载到界面上。

注意，如果样式中出现theme值没被正确替换，会导致theme值之后的所有样式失效。

下面就可以正式版本

#include <QTimer>
#include <QFileInfo>
#include <QDateTime>
#include <QApplication>
#include <QWidget>
#include <QMap>
#include <QSettings>

#define STYLE_SHEET_PATH "style.qss"
#define STYLE_SHEET_CONFIG "style.ini"
void realRefreshTheme(QString &style)
{
    QMap<QString, QString> theme;
    QSettings settings(STYLE_SHEET_CONFIG);
    for(const QString& key : settings.allKeys())
    {
        const QString &path = settings.value(key).toString();
        QFile file(path);
        if (file.open(QIODevice::ReadOnly))
        {
            theme.insert(key, file.readAll());
        }
        else {
            theme.insert(key, "");
        }
    }
    for(const QString& key : theme.keys())
    {
        style.replace(key, theme[key]);
    }
}

void realRefreshStyle()
{
    static QTimer timer;
#ifdef QT_DEBUG
    timer.setSingleShot(false);
#else
    timer.setSingleShot(true);
#endif
    QObject::connect(&timer, &QTimer::timeout, []() {
        static QDateTime dateTime;
        QFileInfo fileInfo(STYLE_SHEET_PATH);
        if (fileInfo.exists())
        {
            QDateTime fileTime = fileInfo.lastModified();
            if (dateTime == fileTime)
                return;
            dateTime = fileTime;

            QFile file(STYLE_SHEET_PATH);
            if (file.open(QIODevice::ReadOnly))
            {
                QString style = file.readAll();
                realRefreshTheme(style);
                qobject_cast<QApplication*>(QApplication::instance())->setStyleSheet(style);
                file.close();
            }
        }
    });
    timer.start(33);
}

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QWidget win;
    win.show();
    realRefreshStyle();
    return app.exec();
}

下面是优化版本

#include <QApplication>
#include <QWidget>
#include <QFile>
#include <QFileSystemWatcher>

#define STYLE_SHEET_PATH "style.qss"
#define STYLE_SHEET_CONFIG "style.ini"
void realRefreshTheme(QString &style)
{
    QMap<QString, QString> theme;
    QSettings settings(STYLE_SHEET_CONFIG);
    for(const QString& key : settings.allKeys())
    {
        const QString &path = settings.value(key).toString();
        QFile file(path);
        if (file.open(QIODevice::ReadOnly))
        {
            theme.insert(key, file.readAll());
        }
        else {
            theme.insert(key, "");
        }
    }
    for(const QString& key : theme.keys())
    {
        style.replace(key, theme[key]);
    }
}

void realRefreshStyle()
{
    QFile file(STYLE_SHEET_PATH);
    if (file.open(QIODevice::ReadOnly))
    {
       QString style = file.readAll();
       realRefreshTheme(style);
       qobject_cast<QApplication*>(QApplication::instance())->setStyleSheet(file.readAll());
       file.close();
    }
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget w;
    w.show();
#ifdef QT_DEBUG
    QFileSystemWatcher fileWatcher;
    fileWatcher.addPath(STYLE_SHEET_PATH);
    fileWatcher.addPath(STYLE_SHEET_CONFIG);
    QObject::connect(&fileWatcher, &QFileSystemWatcher::fileChanged, [](){
        realRefreshStyle();
    });
#else
    realRefreshStyle();
#endif
    return a.exec();
}

个人因项目需要从只需要加载单个QSS样式文件变为读取三个QSS文件（总QSS，分QSS1，分QSS2），且读取方式为总QSS+分QSS1，或者总QSS+分QSS2，所以本人更推荐最后一种方法

关于本人项目需求的解决方法代码如下：

//m_styleQssFile代表分QSS1，分QSS2的路径

void widget::slot_choose_qss()
{
	QFile file(":/Resources/universal.qss");
    if (file.open(QIODevice::ReadOnly))
    {
        QString lVarStyle;
        QFile f(m_styleQssFile);
        if (f.open(QIODevice::ReadOnly))
        {
            lVarStyle  = f.readAll();
        }
        else {
        }

        QString style = file.readAll();

        style = style.replace(QString("$myStyle"), lVarStyle);

        file.close();
        qobject_cast<QApplication*>(QApplication::instance())->setStyleSheet(style);
    }
}
这里有个小插曲，本人套用最后一种方法时，QMap传递值的时候出现了差错，但代码未报错，因时间紧迫未去探索原因，选择QString去代替QMap的功能，且已经可以满足项目需求。希望这些可以帮助到有需要的你们~
love_dear
关注
  • 1
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
QT动态加载qss和rcc方式
华琳科技的专栏
08-20 1411
通过qrc生成rcc并通过qss方式加载ui效果
Qt之加载QSS文件
03-26
如果一个元素同时有多个样式定义，那么更具体的样式会覆盖更通用的样式。 总的来说，Qt的QSS机制提供了丰富的界面定制能力，使得开发者可以轻松地为Qt应用程序创建独特且美观的用户界面。通过熟练掌握QSS，不仅可以...
QT-动态切换界面风格，动态加载不同的样式
u013083044的博客
05-28 1575
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 QT-动态切换界面风格，动态加载不同的样式一、演示效果二、关键程序1.样式加载2.部分qss三、程序地址 一、演示效果 二、关键程序 1.样式加载 代码如下： void QStyleLoad::setStyle(QString strStyle) { QFile qss(strStyle); qss.open(QFile::ReadOnly); qApp->setStyleSheet(qss.readAll()); qss.
QT， 加载qss文件应用样式
05-05 173
应用qss样式文件
QT 怎么导入qss文件？
ligare的博客
05-10 1728
方式一：比较常见的方法 QFile file(":/qss/psblack.css"); if (file.open(QFile::ReadOnly)) { QString qss = QLatin1String(file.readAll()); qApp->setStyleSheet(qss); file.close(); } 方式二：大佬分享的；Qt设置样式表支持直接传入样式表文件路径，亲测4.7到5.15任意版本，通过查看对应函数的源码可以看到内部会检查是否是
Qt使用QSS
hw5230的博客
03-03 2582
QSS称为QtStyleSheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器要少，可以使用的QSS属性也要少很多，并且并不是所有的属性都可以用在Qt的所有控件上。CSS，是能够真正做到网页表现与内容分离的一种样式设计语言。
Qt加载并设置多个qss文件
weixin_41995043的博客
09-07 384
Qt下使用qss进行界面美化，可以按功能或者界面分成多个.qss文件，把所有qss文件放到同一个文件夹下，通过读取文件夹下所有qss文件设置到qApp，并且后续增加qss不需要修改此部分代码，只需把新增的qss文件放到此文件夹下即可。
qss文件的使用
qq_47302320的博客
01-23 443
引入文件头，将qss文件判空及引入放在创建Widget实例前。②后在res.qrc路径下创建文件夹，生成qss文件。这里修改了QWidget、Qlabel的背景颜色。①先创建QT Resource File文件夹。
Qt Qss三套样式文件 qss.zip
10-19
// 加载QSS文件 QFile styleFile(":/styles/style1.qss"); if (styleFile.open(QIODevice::ReadOnly | QIODevice::Text)) { QString styleSheet(styleFile.readAll()); app.setStyleSheet(styleSheet); ...
qt5加载qss及qss中引用资源
04-01
本篇文章将深入探讨如何在Qt5中加载QSS以及在QSS中引用资源，同时提供相应的源码示例。 1. **加载QSS** - **基本用法**：加载QSS通常通过`setStyleSheet`函数完成，将样式表字符串传递给该函数即可。例如： ```...
非常不错的QSS文件编辑工具
02-07
一个开源的Qt主题文件（QSS）编辑工具，能做出非常漂亮的Qt界面，含源代码。 一个开源的Qt主题文件（QSS）编辑工具，能做出非常漂亮的Qt界面，含源代码。
qt主题qss收集.rar
06-21
4. 在代码中，你可以使用`QApplication::setStyleSheet`方法加载QSS样式表，例如： ```cpp QFile styleSheet(":/themes/default.qss"); if (styleSheet.open(QFile::ReadOnly | QFile::Text)) { QTextStream in...
qt，qss通用样式文件
06-22
在给定的压缩包文件中，包含了多个不同风格的QSS样式文件，这些文件可以用于改变Qt应用程序的默认样式，提供多种主题选择。 1. lightblack.css：这是一个深色背景的亮色主题，可能将主要控件的颜色设置为白色或浅色...
QSS的使用
pzs0221的专栏
09-10 5001
一、程序应用qss文件 QString qssPath = QString("%1/stylesheet/style.qss").arg(a.applicationDirPath()); QFile file(qssPath); if(file.open(QFile::ReadOnly)) { a.setStyleSheet(file.readAll()); } file.close(); 二、单个应用qss
QTqss文件使用
420fyf的博客
04-03 653
qss文件使用
QT项目中添加资源文件和使用qss样式
KINO32的博客
01-06 1029
时间记录：2024/1/6。
QT加载多个QSS样式文件研究
thanklife的专栏
09-27 457
以下文章不错：QT加载多个QSS样式文件的优雅写法！_三颗橘子的博客-CSDN博客_qt样式文件QT样式表的使用（CSS）_MC_J的博客-CSDN博客Qt css样式大全(整理版）_呓语煮酒的博客-CSDN博客_qt样式文件CSS样式学习（Qt样式学习）_努力向前的小徐的博客-CSDN博客_css qt
QT:控件圆角设置、固定窗口大小
最新发布
m0_51650696的博客
07-25 430
【代码】QT:控件圆角设置、固定窗口大小。
Qt5同时加载多个qss文件
03-22
可以使用QApplication::setStyleSheet()函数来加载多个qss文件，只需要将多个文件的路径以分号分隔开即可。例如： QApplication::setStyleSheet("file1.qss;file2.qss;file3.qss"); 这样就可以同时加载三个qss文件了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值