詳解Qt使用QImage類(lèi)實(shí)現(xiàn)圖像基本操作

更新時(shí)間：2022年06月16日 09:20:28 作者：wendy_ya

這篇文章主要介紹了Qt如何利用QImage類(lèi)實(shí)現(xiàn)對(duì)圖像的基本操作，包括圖像顯示、圖像縮放、圖像旋轉(zhuǎn)等，感興趣的小伙伴可以跟隨小編一起動(dòng)手嘗試一下

一、項(xiàng)目介紹

利用QImage類(lèi)實(shí)現(xiàn)對(duì)圖像的基本操作，包括圖像顯示、圖像縮放、圖像旋轉(zhuǎn)等。

二、項(xiàng)目基本配置

新建一個(gè)Qt案例，項(xiàng)目名稱(chēng)為“ImageTest”，基類(lèi)選擇“QWidget”，點(diǎn)擊選中創(chuàng)建UI界面復(fù)選框，完成項(xiàng)目創(chuàng)建。

三、UI界面設(shè)計(jì)

UI界面布局如下：

界面中創(chuàng)建了5個(gè)控件，其名稱(chēng)和類(lèi)型如下：

序號(hào)	名稱(chēng)	類(lèi)型	屬性
①	Choose	QPushButton	text：選擇圖像
②	Rotate	QPushButton	text：圖像旋轉(zhuǎn)
③	Zoom	QPushButton	text：圖像縮放
④	imagelabel	QLabel	\
⑤	horizontalSlider	QSlider	minimum:0 maximum:359

四、主程序?qū)崿F(xiàn)

4.1 widget.h頭文件

頭文件中聲明原始圖像img：

public:
    QImage img;//原始圖像

聲明三個(gè)按鈕點(diǎn)擊槽函數(shù)和一個(gè)滑動(dòng)條滑動(dòng)槽函數(shù)：

private slots:
    void on_Choose_clicked();

    void on_Rotate_clicked();

    void on_Zoom_clicked();

    void on_horizontalSlider_valueChanged(int value);

4.2 widget.cpp源文件

定義選擇圖像槽函數(shù)：

//選擇圖像
void Widget::on_Choose_clicked()
{
    QString path=QFileDialog::getOpenFileName(this,tr("選擇圖像"),"E:\\image\\",tr("Images (*.png *.bmp *.jpg *.tif *.GIF )"));
    if(path.isEmpty())
    {
         return;
    }
    else
    {
        if(! ( img.load(path) ) ) //加載圖像
        {
            QMessageBox::information(this,tr("打開(kāi)圖像失敗"),tr("打開(kāi)圖像失敗!"));
            //delete img;
            return;
        }
        //img.load(path);
        ui->imagelabel->setPixmap(QPixmap::fromImage(img));
    }

}

定義圖像縮放槽函數(shù)：

//圖像縮放
void Widget::on_Zoom_clicked()
{
    QImage* imgScaled = new QImage;
    int width=ui->imagelabel->width()/2;
    int height=ui->imagelabel->height()/2;
    *imgScaled=img.scaled(width,height,Qt::KeepAspectRatio);//對(duì)半縮放
    ui->imagelabel->setPixmap(QPixmap::fromImage(*imgScaled));
}

定義圖像旋轉(zhuǎn)槽函數(shù)：

//圖像旋轉(zhuǎn)
void Widget::on_Rotate_clicked()
{
    ui->horizontalSlider->setVisible(true);//顯示滑動(dòng)條
}

定義滑動(dòng)條值變化槽函數(shù)：

//進(jìn)度條值變化
void Widget::on_horizontalSlider_valueChanged(int value)
{
    qDebug()<<value;//輸出旋轉(zhuǎn)角度
    QImage* imgRatate = new QImage;
    QMatrix matrix;
    matrix.rotate(value);
    *imgRatate = img.transformed(matrix);
    ui->imagelabel->setPixmap(QPixmap::fromImage(*imgRatate));
}