ios中的群组动画

问题描述

我正在制作一个内部有圆形层的自定义加载器，它将以两种方式制作动画。第一个形状将为脉冲设置动画，例如缩放其半径随着无限时间的增加和减少，同时它将在视图内围绕视图中心旋转。但是现在我的组动画无法正常工作，视图没有旋转全半径并且缩放不起作用 这是我的代码审查并告诉我我在哪里做错了。

class ViewController: UIViewController {
    @IBOutlet weak var loaderView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //circularLoader()
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
    }
    
    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()
        drawCircularLoader()
    }
    
    func drawCircularLoader(){
        let width = loaderView.bounds.width
        
        let halfWidth = width / 2
        let size = CGSize(width: halfWidth / 2,height: halfWidth / 2)
        
        let rect = CGRect(x: halfWidth - (size.width / 2),y: (halfWidth / 2) - (size.height / 2),width: size.width,height: size.height)
        
        let path = UIBezierPath(ovalIn: rect)
        let layer = CAShapeLayer()
        
        layer.frame = rect
        layer.fillColor = UIColor.black.cgColor
        
        
        layer.path = path.cgPath
        
        loaderView.layer.addSublayer(layer)
        
        let rotation = CABasicAnimation(keyPath: "transform.rotation")
        rotation.fromValue = 0
        rotation.tovalue = 2.0 * .pi
        rotation.duration = 1.5
        layer.add(rotation,forKey: nil)
        
        let scaling = CABasicAnimation(keyPath: "transform.scale")
        scaling.tovalue = 1.2
        scaling.duration = 0.3
        scaling.autoreverses = true
        
        let group = CAAnimationGroup()
        group.animations = [rotation,scaling]
        group.repeatCount = .infinity
        layer.add(group,forKey: nil)
        
    }

}

解决方法

当前的问题是动画组没有持续时间。它需要足够长的持续时间来完成所有子动画。否则一切都会在 0.2 秒后停止（默认值）。尝试给小组设定 1.5 的持续时间。

从更广泛的意义上说，我怀疑您的总体目标是否是对动画组的充分利用。但那是另一回事。另外你有两个变换动画；它们可能会相互干扰（变换是一个动画属性），因此可能需要不同的方法。