1. 程式人生 > >Qt學習筆記(一)通過QLabel顯示圖片

Qt學習筆記(一)通過QLabel顯示圖片

一、建立widget工程picture_label,基類為widget,新增UI;

二、

    1,新增資原始檔:工程picture_label右鍵新增新檔案->Qt->soursefile,命名為picture

    2,新增字首/new/label,新增檔案,從路徑中選擇。(注:應該將圖片檔案命名為英文,且在工程資料夾中新建一個img資料夾,圖片放入其中)

    注(重要):開始的時候新增圖片之後一直不能在qrc檔案下顯示一個new/label資料夾,雙擊也沒用,也找不出問題,後來發現新增完資原始檔後應該Ctrl+s儲存一下才能正確顯示,在這一步竟然錯了兩次!


此時如圖所示

//picture_label.cpp
#include "picture_label.h"
#include "ui_picture_label.h"

picture_label::picture_label(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::picture_label)
{
    ui->setupUi(this);
   label1=new QLabel(); //初始化
    QImage *img=new QImage; //新建一個image物件

    img->load(":/new/label/img/wholeBody.jpg"); //將影象資源載入物件img,注意路徑,可點進圖片右鍵複製路徑
    ui->label1->setPixmap(QPixmap::fromImage(*img)); //將圖片放入label,使用setPixmap,注意指標*img
}

picture_label::~picture_label()
{
    delete ui;
}
標頭檔案中新增#include<QLabel>

三、ui介面設定

    此時圖片雖然已經在標籤上,但執行時只有一個小標籤,裡面是小半塊圖片。

(1)要使介面有滑動條,可以顯示完整個圖片,則在ui中新增Scroll Area控制元件,將label放入該控制元件,兩者使用柵格佈局,即label填滿scroll area.

(2)要使圖片label充滿整個窗體,則將scroll area與剩餘部分進行柵格佈局。

參考該網友做法(我沒力氣截圖了): http://blog.csdn.net/lyc_daniel/article/details/8748106 

我的效果如下圖:


以上~