swiftui 轨迹_Swift – 实现运动轨迹动画(线条的动态绘制)

  • Post author:
  • Post category:其他


我之前写过一篇文章,介绍如何让一个视图对象沿着指定的路径进行移动:Swift – 沿路径运动的动画实现(圆形、曲线、直线等路径轨迹)。

有网友问如何在对象运动的过程中,把经过的轨迹也绘制出来?这个其实只要使用 CAShapeLayer把路径显示出来,然后对其添加个 CABasicAnimation动画,让动画改变 strokeEnd就可以了。

1,效果图

(1)橙色方块沿着预先设置好的路线移动(先移动两段直线,再移动一段圆弧)

(2)在方块移动的过程中,其经过的轨迹也会实时显示出来。

2,样例代码

import UIKit

class ViewController: UIViewController {

//动画播放时间

var duration:CFTimeInterval = 3

//运动的方块

var square:UIView!

//绘制路线的图层

var pathLayer:CAShapeLayer!

override func viewDidLoad() {

super.viewDidLoad()

//初始化方块

square = UIView(frame:CGRect(x:0, y:0, width:20, height:20))

square.backgroundColor = UIC



版权声明:本文为weixin_34277895原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。