- 1函数判断素数_函数训练之素数判断(预处理篇)
- 2html、Thymeleaf怎么原样输出html内容_thymeleaf 字符串 转 html
- 3运动状态识别（python转c）_py里判断是步行还是跑步
- 4docker安装minio集群_docker安装 minio 集群
- 5【LLM】低成本进行半天的训练可产生与主流大型模型、开源且无商业的特定领域 LLM 解决方案类似的结果_llm 训练成本
- 6js 执行字符串函数名_js 执行class的字符串方法名
- 7WINDOWS后台服务程序编写_windows后台服务的系统程序
- 8关于object.assign 深拷贝和浅拷贝的笔记_object.assign 内存地址
- 9python: 多线程实现的两种方式及让多条命令并发执行_python同时执行多条at指令
- 1020、数据结构相关练习20210202
【QML】qml动画机制总结_qml 动画
赞
踩
一、引言
使用Qml进行项目开发时，往往需要控制一个显示控件的x，y，z三轴的坐标值，旋转，缩放，变化等。这些效果可以使用QML的动画类型进行实现。
本文总结qml的动画机制，重点记录qml动画机制的主要QML类型，以及一些属性使用方法。
二、qml动画机制的主要类型
如上图所示，qml动画的根为Animation，在实际项目开发中，使用比较多的还是ColorAnimation、 NumberAnimation和RotationAnimation三个属性动画。
三、Animation
【属性】
1、alwaysRunToEnd : bool
这个属性表示当动画停止时是否应该运行到完成。如果为真，动画将在停止时完成当前的迭代——通过将running属性设置为false，或者通过调用stop()方法。complete()方法不受此值的影响。
当循环属性被设置时，这个行为是最有用的，因为动画将正常播放，但不会重新开始。
2、loops : int
这个属性保存动画应该播放的次数。
如果设置为Animation.Infinite，动画将持续重复，直到被显式停止。通过将running属性设置为false，或通过调用stop()方法。
3、paused : bool
4、running : bool
【信号】
1、finished()
2、started()
3、stopped()
【方法】
1、complete()
停止动画，跳到最后的属性值
如果动画没有运行，调用此方法是没有效果的。在调用complete()之后，running属性将为false。
2、pause() – 暂停动画
3、restart() – 重启动画。
4、resume() – 恢复动画
5、start() – 启动动画
6、stop() – 停止动画
四、PropertyAnimation
【属性值】
| 序号 | 属性名 | 含义 |
|---|---|---|
| 1 | duration | 这个属性保存动画的持续时间，以毫秒为单位 |
| 2 | easing | 指定用于动画的缓动曲线 |
| 3 | exclude | 此属性保存不受此动画影响的项目 |
| 4 | from | 这个属性保存动画的起始值 |
| 5 | properties | 这些属性被用作一个集合来确定哪些属性应该被动画化 |
| 6 | property | 当一个动画是独立使用时，目标和属性都需要明确指定 |
| 7 | target | 动画的目标控件 |
| 8 | targets | 动画的多个目标控件【意味着可以控制多个QML类型的动画】 |
| 9 | to | 这个属性保存动画的结束值 |
五、使用总结
1、在开发设计中，使用Animation.Infinite一定要使用from属性指定动画的开始值，不然不会有循环效果。
2、PropertyAnimation + SequentialAnimation/ ParallelAnimation可以组合做出许多复杂的动画效果。
