Qt::图层框架-空间变换-QTransform-Axis

二维矢量动画智能制作软件开发合集

链接：软件开发技术分享及记录合集

个人开发二维矢量动画智能制作软件界面如下：

---

目录

空间变换

一、空间变换原理

二、空间旋转变换实现

1.代码示例

2.示例效果

三、空间扭曲变换实现

1.代码示例

2.示例效果

​​​​​​​​​​​​​​四、空间变换软件测试视频

结束语​​​​​​​

---

空间变换

本篇介绍软件左侧工具栏→图层工具→​​​​空间变换​​​、

空间变换根据变换原理不同分为2种操作：1）空间旋转变换；2）空间扭曲变换。

​​​​​​​

---

一、空间变换原理

图层除了二维平面变换外，还可以进行空间变换，本软件中设计了2种操作，分别是空间旋转变换和空间扭曲变换，实现原理均是采用QTransform相关方法实现，QTransform其本质为3X3矩阵，可以进行矩阵计算，由于3X3矩阵能够描述空间坐标，矩阵计算可对应空间变换，相关理解可参考下图：

2种空间变换实现方法介绍如下：

① 空间旋转变换：采用QTransform的rotate()方法，该方法中可以设置旋转轴，对于二维平面旋转，其本质是绕ZAxis旋转，那么空间变换，需要修改旋转轴为XAxis或YAxis。

② 空间扭曲变换：采用QTransform的shear()方法。

感兴趣的朋友可以通过数学公式推导角度去思考，可以帮助大家更快理解QTransform各方法的原理。

二、空间旋转变换实现

1.代码示例

.h文件变量申明：

QPointF rotateXY;

QPointF getLayerRotateXYValue()
{
    return rotateXY;
}
void setLayerRotateXYValue(QPointF r)
{
    QTransform tmp;
    tmp.rotate(r.x(),Qt::XAxis);
    tmp.rotate(r.y(),Qt::YAxis);
    tmp.shear(layerShear.x(),layerShear.y());
    setTransform(tmp,false);
    rotateXY = r;
}

2.示例效果

空间变换

三、空间扭曲变换实现

1.代码示例

.h文件变量申明：

QPointF layerShear;

QPointF getLayerShearValue()
{
    return layerShear;
}
void setLayerShearValue(QPointF s)
{
    QTransform tmp;
    tmp.rotate(rotateXY.x(),Qt::XAxis);
    tmp.rotate(rotateXY.y(),Qt::YAxis);
    tmp.shear(s.x(),s.y());
    setTransform(scaleXY*tmp,false);
    layerShear = s;
}

2.示例效果

扭曲变换

​​​​​​​​​​​​​​四、空间变换软件测试视频

测试

---

结束语

本文简要梳理了软件【空间变换】的实现框架，内容均为原创。

作者文笔水平一般，请大家多多包涵和指正，十分欢迎进一步交流学习。

若需，请联系本人小红书(小红书号:YzLab96)，谢谢​​​​​​​。

链接：  软件开发及测试所有视频合集见小红书​​​​​​​