Qt::动画框架-节点动画-QPropertyAnimation

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

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

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

​

---

目录

节点动画

一、节点动画原理

二、节点动画代码实现

三、节点动画软件测试视频

结束语

---

节点动画

本软件中，按照动画对象类型可将动画划分为5类：1）节点动画等；2）图层动画；3）相机动画；4）骨骼动画；5）其它动画。

本篇介绍节点动画，在非0帧可使用的功能如下所示：

---

一、节点动画原理

节点动画中包括节点位置、节点线宽、填充颜色等；这些动画序列为平行关系，采用Qt本身动画框架里的QParallelAnimationGroup即可实现（动画框架详见Qt官方文件），对于某一动画，可采用QSequentialAnimationGroup实现多个动画节点的拼接，每一个动画采用QPropertyAnimation属性动画实现。

二、节点动画代码实现

.h文件变量申明：

QList<QList<QVariant>> dataG;

QList<QSequentialAnimationGroup *> seqAn;

QPropertyAnimation *posAn;

QList<QByteArray> nodeSeqStr = {"pos","lineWidth"}; // node

posAn = new QPropertyAnimation(this,seqStr[seqIdx]);
posAn->setDuration(time);
posAn->setStartValue(dataG[seqIdx].last());
posAn->setEndValue(nowData[seqIdx]);
seqAn[seqIdx]->addAnimation(posAn);

---

三、节点动画软件测试视频

节点动画测试

​​​​​​​

---

结束语

本文简要梳理了软件【节点动画】的实现框架，内容均为原创。

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

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

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