目錄

前言

?01 添加圖片資源文件

02 添加qss文件

---

前言

? ? ? ? ? ? ? ? ? ? ? ??

🎬 個人主頁：@ChenPi

🐻推薦專欄1: 《C++_@ChenPi的博客-CSDN博客》????

🔥 推薦專欄2: 《Qt基礎_@ChenPi的博客-CSDN博客》???
🌺本篇簡介 ?：這一章我們學一下Qt如果添加圖片資源文件和qss文件

Qt 是一個跨平臺的 C++開發庫

主要用來開發圖形用戶界面（Graphical User Interface，簡 稱 GUI）程序

Qt 雖然經常被當做一個 GUI 庫，用來開發圖形界面應用程序，但這并不是 Qt 的全部

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

比如多線程、 訪問數據庫、圖像處理、音頻視頻處理、網絡通信、文件操作等

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

本專欄的使用的

1. Linux操作系統是Ubuntu18.4?
2. 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文件是否存在，存在的話，讀取文件的內容

然后將樣式表的內容設置為全局樣式?

#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();
}