Qt中图片旋转缩放操作的实现

在我们开发过程中，难免会遇到加载图片的问题，在上一个开发项目里我就遇到了图片缩放的问题，所以，我决定将这一部分好好研究，记录下来，希望对大家有帮助哟~

在讲解之前，我们先看一看具体的展示效果，有没有你需要的功能？如果有，那就继续跟着我的思路走吧~

功能实现

具体的功能分成了两类：旋转、缩放

1：图片加载

说到了图片旋转，第一个需要讲述的功能是：打开文件并加载图片资源。效果图右侧是采用QLabel控件进行图片加载。

打开文件并选择指定图片路径这个功能就不用再过多说明了，前两章节文章都有进行说明，只是采用了QFileDialog::getOpenFileName静态函数。

在图片加载功能中，唯一需要说明的是QLabel加载图片资源，代码如下：

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

代码说明：

qsFilePath：读取出来的选择路径，并将该字符串赋值给m_qsPicturePath进行记录。

为什么要将该路径进行赋值呢？

对于后续不同的功能，每改变一次都需要将QImage重新设置到QLabel控件中，当前，也可以采取QImage作为成员变量，这里就随意了。

接下来就重点讲解旋转以及缩放这两个功能了。在Qt中实现二维转换功能有两种方式，分别是：QMatrix、QTransform两个类。

在书本上介绍的时候一般都是以QMatrix类为主，实际上该类已经过时了，提供它是为了保持旧源代码的工作，并且强烈建议不要在新代码中使用它。

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

在相同实现功能的方式下，一般会采用QTransform类进行实现的。在Qt中QTransform是推荐的转换类。

QTransform与QMatrix的区别

它是一个真正的3x3矩阵，允许透视变化。 QTransform的toAffine()方法允许将QTransform转换为QMatrix，如果在矩阵上指定了透视图转换，那么转换将导致数据丢失。

2：旋转

首先我们先讲述下旋转功能是如何实现的。

在这个demo中，分别进行了4个角度的旋转，0°、90°、180°、270°

无论是哪个角度进行转换，都采用QTranform::rotate函数实现的。

代码展示：

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

代码解析：

QTransform::rotate()围绕指定轴逆时针旋转给定角度的坐标轴，并返回对矩阵的引用。

当前的旋转角度是°，大家在使用的时候可以根据自己的角度自行设置，只需要修改rotate的参数就可以了，参数角度是用度数表示的。

有一点需要注意的是：如果将QTransform用于小部件坐标中定义的点，旋转方向将是顺时针的，因为Y轴指向下方。

既然提到了QMatrix类，那么使用该类是如何实现的呢？

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缩放坐标系统，并返回对矩阵的引用。

对于scale的参数，可以简单的理解：想要实现放大功能，参数大于1，想要实现缩放功能，参数小于1

当前例子代码对图片进行了两倍放大，假设要是缩放，只需要设置成：transform.scale(0.5, 0.5);

注意：当参数是(1,1)时，说明图片既没有放大也没有缩小。

QMatrix的调用方式一致，只是类名换了，调用的参数名都是一致的，转换角度那里已经写明了使用方式，这里就不再过多说明了。因为QMatrix是Qt中遗弃掉的功能，以后大家都使用QTransform类就可以了。

总结

到这里，旋转缩放的功能就已经实现了。

在这个小demo中，难度不大，最值得记录的是使用哪个类进行操作，在Qt中QTranform的是被推荐的，只要好好读懂类参数，就能实现简单的图形转换操作，如果有想要了解这两个类的详细说明的，下面我会把链接贴出来，具体的函数操作大家可以自行学些

QTransform类详情

QMatrix类详情

到此这篇关于Qt中图片旋转缩放操作的实现的文章就介绍到这了,更多相关Qt 图片旋转缩放内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论