P4 Qt如何添加qss样式表文件和添加图片资源

[01 添加图片资源文件](#01 添加图片资源文件)

[02 添加qss文件](#02 添加qss文件)

前言

🎬 个人主页：@ChenPi

🐻推荐专栏1: 《C++_@ChenPi的博客-CSDN博客》✨✨✨

🔥 推荐专栏2: 《Qt基础_@ChenPi的博客-CSDN博客》✨✨✨

🌺本篇简介：这一章我们学一下Qt如果添加图片资源文件和qss文件

Qt 是一个跨平台的 C++开发库

主要用来开发图形用户界面（Graphical User Interface，简称 GUI）程序

Qt 虽然经常被当做一个 GUI 库，用来开发图形界面应用程序，但这并不是 Qt 的全部

Qt 除了可以绘制漂亮的界面（包括控件、布局、交互），还包含很多其它功能

比如多线程、访问数据库、图像处理、音频视频处理、网络通信、文件操作等

所以如果学嵌入式，那么Qt就是其中一个大方向了

本专栏的使用的

Linux操作系统是Ubuntu18.4

Qt的版本是Qt5.12.9

01 添加图片资源文件

图片资源文件在Qt中应该是比较重要的一环了，毕竟是操作页面，那肯定好看的用着才舒服

当然，我们也可以纯代码实现，但是我没实力啊

只能上图片了

选择一个模板，选择Qt模板，再选择Qt Resource Files，点击Choose。

填上资源文件的名称，默认添加项目路径下。后面的步骤默认即可，点击完成。

新建完成了资源文件后，默认会进入res.qrc文件编辑模式

（如果关闭了，可以右键这个文件点击选择"Open in Editor"），

点击Add Prefix添加前缀，添加前缀的目的是方便分类管理文件，

比如我们现在第2处添加了前缀/。"/"一定需要写，否则会找不到路径，

这有点像Linux的根节点一样。

点击add files将图片加载进来，然后ctrl+S保存就可以看到这个页面

这样就可以了

02 添加qss文件

添加qss文件。QSS文件是使用Qt程序相关联的样式表文件。

它由GUI元素的外观和感觉，包括布局，颜色，鼠标的行为，大小和字体。

它的风格，一个可以合并到一个UI（用户界面）。

与HTML的CSS类似，Qt的样式表是纯文本的格式定义，

在应用程序运行时可以载入和解析这些样式定义，

从而使应用程序的界面呈现不同的效果。

在主函数中，我们需要加入这段代码，意思是判断qss文件是否存在，存在的话，读取文件的内容

然后将样式表的内容设置为全局样式

cpp 复制代码

#include "mainwindow.h"

#include <QApplication>
/* 引入 QFile */
#include <QFile>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    /* 指定文件 */
    QFile file(":/style.qss");
    /* 判断文件是否存在 */
    if (file.exists() ) {
        /* 以只读的方式打开 */
        file.open(QFile::ReadOnly);
        /* 以字符串的方式保存读出的结果 */
        QString styleSheet = QLatin1String(file.readAll());
        /* 设置全局样式 */
        qApp->setStyleSheet(styleSheet);
        /* 关闭文件 */
        file.close();
    }
    MainWindow w;
    w.show();
    return a.exec();
}