手机上能不能制作网站开发排位及资讯

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

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

功能实现

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

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类详情

我是糯诺诺米团，一名C++开发程序媛~