QT之qss

最新推荐文章于 2024-08-03 14:45:23 发布

Boooooots

最新推荐文章于 2024-08-03 14:45:23 发布

阅读量514

点赞数

CC 4.0 BY-SA版权

分类专栏： QT 文章标签： QT qss 换背景

本文链接：https://blog.youkuaiyun.com/Boooooots/article/details/90138636

QT 专栏收录该内容

3 篇文章

订阅专栏

前言：
若需要更改上位机界面的背景颜色、字体大小、字体颜色、边框、像素等属性时，可采用qss文件来进行配置。

1 资源文件Resurces
在这里插入图片描述
可先添加Resource文件夹，再添加xxx.qss文件。

2 编写qss
qss以一类独立的控件为操作对象，进行属性的设置。按照给定的语法格式进行编写。

QLabel
{
    border: 0px solid black;   /* 边框0个像素，实线，黑色 */
    color: #FFFFFF;            /* 字体为白色 */
}
QGroupBox {
    border:1px solid #3A3939;     /*  边框1个像素，实线，灰色 */
    border-radius: 7px;           /* 边框圆角 */
}
QWidget
{
    background-color: #302F2F; /* 界面的背景色为浅黑色 */
}

3 运行
编写好qss文件后，需要在main函数中进行读取并设置：

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

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);


    QFile file(":/StyleSheet/style.qss");           // 加载qss文件
    if(file.open(QIODevice::ReadOnly | QIODevice::Text)) {  
        a.setStyleSheet(file.readAll());             //设置属性到App
        file.close();
    }
    
    MainWindow w;
    w.setWindowTitle("qss test");
    w.show();
    return a.exec();
}