快捷導(dǎo)航

Qt中圖片旋轉(zhuǎn)縮放操作的實現(xiàn)

更新時間：2024年01月04日 10:18:28 作者：糯諾諾米團

本文主要介紹了Qt中圖片旋轉(zhuǎn)縮放操作的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

功能實現(xiàn)

具體的功能分成了兩類：旋轉(zhuǎn)、縮放

1：圖片加載

說到了圖片旋轉(zhuǎn)，第一個需要講述的功能是：打開文件并加載圖片資源。效果圖右側(cè)是采用QLabel控件進行圖片加載。

打開文件并選擇指定圖片路徑這個功能就不用再過多說明了，前兩章節(jié)文章都有進行說明，只是采用了QFileDialog::getOpenFileName靜態(tài)函數(shù)。

在圖片加載功能中，唯一需要說明的是QLabel加載圖片資源，代碼如下：

m_qsPicturePath = qsFilePath;
QImage img(qsFilePath);
ui.labPng->setPixmap(QPixmap::fromImage(img));

代碼說明：

qsFilePath：讀取出來的選擇路徑，并將該字符串賦值給m_qsPicturePath進行記錄。

為什么要將該路徑進行賦值呢？

對于后續(xù)不同的功能，每改變一次都需要將QImage重新設(shè)置到QLabel控件中，當(dāng)前，也可以采取QImage作為成員變量，這里就隨意了。

接下來就重點講解旋轉(zhuǎn)以及縮放這兩個功能了。在Qt中實現(xiàn)二維轉(zhuǎn)換功能有兩種方式，分別是：QMatrix、QTransform兩個類。

在書本上介紹的時候一般都是以QMatrix類為主，實際上該類已經(jīng)過時了，提供它是為了保持舊源代碼的工作，并且強烈建議不要在新代碼中使用它。

This class is obsolete.It is provided to keep old source code working. We strongly advise against using it in new code

在相同實現(xiàn)功能的方式下，一般會采用QTransform類進行實現(xiàn)的。在Qt中QTransform是推薦的轉(zhuǎn)換類。

QTransform與QMatrix的區(qū)別

它是一個真正的3x3矩陣，允許透視變化。 QTransform的toAffine()方法允許將QTransform轉(zhuǎn)換為QMatrix，如果在矩陣上指定了透視圖轉(zhuǎn)換，那么轉(zhuǎn)換將導(dǎo)致數(shù)據(jù)丟失。

2：旋轉(zhuǎn)

首先我們先講述下旋轉(zhuǎn)功能是如何實現(xiàn)的。

在這個demo中，分別進行了4個角度的旋轉(zhuǎn)，0°、90°、180°、270°

無論是哪個角度進行轉(zhuǎn)換，都采用QTranform::rotate函數(shù)實現(xiàn)的。

代碼展示：

QTransform transform;
transform.rotate(0);
QImage img(m_qsPicturePath);
img = img.transformed(transform);
ui.labPng->setPixmap(QPixmap::fromImage(img));

代碼解析：

QTransform::rotate()圍繞指定軸逆時針旋轉(zhuǎn)給定角度的坐標軸，并返回對矩陣的引用。

當(dāng)前的旋轉(zhuǎn)角度是°，大家在使用的時候可以根據(jù)自己的角度自行設(shè)置，只需要修改rotate的參數(shù)就可以了，參數(shù)角度是用度數(shù)表示的。

有一點需要注意的是：如果將QTransform用于小部件坐標中定義的點，旋轉(zhuǎn)方向?qū)⑹琼槙r針的，因為Y軸指向下方。

既然提到了QMatrix類，那么使用該類是如何實現(xiàn)的呢？

QMatrix matrix;
matrix.rotate(90);
QImage img(m_qsPicturePath);
img = img.transformed(matrix);
ui.labPng->setPixmap(QPixmap::fromImage(img));

3：縮放

代碼展示：

QTransform transform;
transform.scale(2, 2);
QImage img(m_qsPicturePath);
img = img.transformed(transform);
ui.labPng->setPixmap(QPixmap::fromImage(img));

代碼解析：

QTransform::scale()水平方向按sx和垂直方向按sy縮放坐標系統(tǒng)，并返回對矩陣的引用。

對于scale的參數(shù)，可以簡單的理解：想要實現(xiàn)放大功能，參數(shù)大于1，想要實現(xiàn)縮放功能，參數(shù)小于1

當(dāng)前例子代碼對圖片進行了兩倍放大，假設(shè)要是縮放，只需要設(shè)置成：transform.scale(0.5, 0.5);

注意：當(dāng)參數(shù)是(1,1)時，說明圖片既沒有放大也沒有縮小。

QMatrix的調(diào)用方式一致，只是類名換了，調(diào)用的參數(shù)名都是一致的，轉(zhuǎn)換角度那里已經(jīng)寫明了使用方式，這里就不再過多說明了。因為QMatrix是Qt中遺棄掉的功能，以后大家都使用QTransform類就可以了。