QML学习笔记（六十二）动画相关：PathAnimation路径动画

前文

有时候，我们希望组件移动动画能更加丰富一点，比如按照圆弧，曲线，甚至是更负责的组合路径进行移动。这时，我们就可以使用PathAnimation路径动画了。

一、PathAnimation路径动画

和之前的使用方式相似，我们唯一需要关注的点是path属性，我们需要给它指定一个动画运行的路径轨迹。

我们可以指定起始点，然后就是一系列我们指定的path元素。这些东西有很多类型，如下：

感兴趣可以自行了解一下，我觉得知道有这个东西就可以了。
接下来，我实现一段移动四分之三圆弧的动画：

Rectangle{id:ball width:50height:50x:0y:0color:"dodgerblue"radius:25PathAnimation{id:arcAnim target:ball duration:1500// 让矩形中心沿路径走（更自然）// orientation: PathAnimation.RightFirst // 可选：让矩形朝向运动方向path:Path{startX:100;startY:0PathArc{x:0;y:100radiusX:100;radiusY:100useLargeArc:true}}}}MouseArea{anchors.fill:parent onClicked:(mouse)=>{//Arrow functionarcAnim.start()}}

二、总结

得益于路径的复杂性和扩展性，实际上我们可以完成很复杂的路径动画绘制，就是有些费脑力，个人感觉可以依靠ai来编写。