三種方式給QT_ 插入圖片資源,控件顯示圖片

方式一 通過代碼添加:

#include "qpixmap.h"

ui->label->setPixmap(QPixmap("/Users/michael/Desktop/QT_Project/test_02/p1.png")); //絕對路徑,不夠靈活

//==================================================================

方式二 通過控件添加:

1. 索引到總文件 ----- 右鍵 添加新文件

2. 新建資源文件, 在彈出來的窗口選擇 Qt Resource File 資源文件, 命名爲 pic

3.打開編輯器 ,資源文件添加成功後會出現一個 pic.qrc 資源文件 , 索引到這個文件, 右鍵 Open in Editor 在編輯器打開

4. 添加前綴, 打開資源編輯器後,來到這個界面, 添加前綴, 這個前綴可自定義 , 編輯完前綴後, 會出現一個新的文件夾及路徑,這裏我沒有自定義, 用自動生成的前綴

5. 添加文件, 這裏自動生成的前綴爲 /new/prefix1 , 此時添加文件權限打開, 點擊添加文件

6. 彈出添加文件選項框 , 可以多選或者單選索要添加的資源文件,這裏我同時選擇兩張圖片

7. 添加完畢資源文件後, 如紅圈可見該路徑的圖片資源, 但是另一紅圈所示 ,項目視圖暫時未見該資源

8. 重構項目或者點擊左下角(如紅圈所示)的構建按鈕, 重構一下項目, 項目視圖會同步顯示加入的圖片資源

9. 回到界面文件 , 單擊控件 , 索引到控件的 pixmap 屬性

10. 選擇資源, 彈出資源圖片後 , 我們可以看到, QT 只能識別 png 格式的圖片, 我只能選擇 p1.png

11. 完結 , 最終顯示出來的資源圖片樣式

 

//==================================================================

方式三 資源文件+代碼實現 (靈活):

1. 上述步驟按照方式二執行, 添加資源文件後 , 右鍵 , 複製當前資源路徑 , 通過以下代碼給控件加入圖片資源

代碼 : ui->label->setPixmap(QPixmap(":/new/prefix1/p1.png")); //OK label 顯示照片

 

//推薦適用以下這個函數, 這個函數同時適用按鈕控件

ui->label->setStyleSheet("border-image: url(:/new/prefix1/p1.png);");

ui->pushButton->setStyleSheet("border-image: url(:/new/prefix1/p1.png);");

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章