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),谢谢​​​​​​​。

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

相关推荐

  1. QPropertyAnimation

    2023-12-22 10:20:01       54 阅读
  2. Qt Creator制作动画 编程

    2023-12-22 10:20:01       53 阅读
  3. Qt/QML学习-动画元素

    2023-12-22 10:20:01       23 阅读
  4. UE 动画系统框架介绍及使用

    2023-12-22 10:20:01       59 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-22 10:20:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-22 10:20:01       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-22 10:20:01       82 阅读
  4. Python语言-面向对象

    2023-12-22 10:20:01       91 阅读

热门阅读

  1. leetcode15. 三数之和

    2023-12-22 10:20:01       61 阅读
  2. 八股文打卡day6——计算机网络(6)

    2023-12-22 10:20:01       61 阅读
  3. Netty udp给指定客户端发消息

    2023-12-22 10:20:01       64 阅读
  4. 计算机网络个人小结

    2023-12-22 10:20:01       58 阅读
  5. Vite与Webpack对比

    2023-12-22 10:20:01       57 阅读
  6. 访问者模式

    2023-12-22 10:20:01       63 阅读
  7. 【HTML5】HTML5 语音合成

    2023-12-22 10:20:01       57 阅读