CAShapeLayerのアニメーションを複数呼び出すとどちらかに引きずられてしまう

Question

CAShapeLayerでアニメーションを行うプログラムを作成しています。
2つのレイヤーを作成し、時間をずらして大きさを変更したいと考えています。レイヤーを定義しているのは以下のコードです。

    var layerFirst: CAShapeLayer!
    var layerSecond: CAShapeLayer!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //１個目のLayer------------
        let layer = CAShapeLayer()
        layer.position = CGPoint(x: self.view.frame.width/2, y: self.view.frame.height/2)
        layer.fillColor = UIColor.gray.cgColor
        layer.needsDisplayOnBoundsChange = true
        layer.path = CGPath.circle(radius: (15 / 2))
        view.layer.addSublayer(layer)
        layerFirst = layer
        
        let animationGroup = CAAnimationGroup()
        animationGroup.duration = 2
        animationGroup.repeatCount = .infinity
        animationGroup.animations = [expandAnimate(end: CGPath.circle(radius: (70 / 2)), duration: 2, biginTime: 0.0)]
        layerFirst.add(animationGroup, forKey: nil)
        
        //２個目のLayer--------------
        let layer2 = CAShapeLayer()
        layer2.position = CGPoint(x: self.view.frame.width/2, y: self.view.frame.height/3)
        layer2.fillColor = UIColor.gray.cgColor
        layer2.needsDisplayOnBoundsChange = true
        layer2.path = CGPath.circle(radius: (15 / 2))
        view.layer.addSublayer(layer2)
        layerSecond = layer2
        
        let animationGroup2 = CAAnimationGroup()
        animationGroup2.duration = 2
        animationGroup2.repeatCount = .infinity
        animationGroup2.animations = [expandAnimate(end: CGPath.circle(radius: (70 / 2)), duration: 3, biginTime: 1.0)]
        layerSecond.add(animationGroup2, forKey: nil)
    }

上記のコードで実行すると1つ目のレイヤーで定義しているアニメーションはうまくいくのですが、2つ目のレイヤーのアニメーションが1つ目のアニメーションが終わったタイミングで終わってしまいます。

原因が全くわからず困っています、2つのレイヤーでアニメーションをさせる際に何か処理が必要なのでしょうか？

※追記

expandAnimateメソッドの中身はこんな感じです

private func expandAnimate(end: CGPath?, duration: Double,biginTime: Double) -> CABasicAnimation {
        let basicAnimation = CABasicAnimation(keyPath: "path")
        basicAnimation.toValue = end
        basicAnimation.duration = duration
        basicAnimation.beginTime = biginTime
        return basicAnimation
    }

Answer 1

ちょっと自信ありませんが、
アニメーションをグループにしてるからじゃないですか？

CABasicAnimationとかにしてbeginTimeで開始時間を遅らせることができるので、
最初のアニメーションの時間分遅らせてから次のアニメーションを実行みたいな感じで指定すればいいと思います。

Comments

[hodoru3sei]

AnimationGroupを入れていたところBacisAnimation1つだけも物にして入れてみたのですがダメでした。
expandAnimateメソッドについてコードが漏れていたので追記しました。

[hayabusabusash]

CABasicAnimationに変更した後のコードも追記していただけないでしょうか？

[hodoru3sei]

コードはこのような感じです。layer2もほぼ同じなので省略します。
```
let layer = CAShapeLayer()
layer.position = CGPoint(x: self.view.frame.width/2, y: self.view.frame.height/2)
layer.fillColor = UIColor.gray.cgColor
layer.needsDisplayOnBoundsChange = true
layer.path = CGPath.circle(radius: (15 / 2))
view.layer.addSublayer(layer)
layerFirst = layer
layerFirst.add(expandAnimate(end: CGPath.circle(radius: (70 / 2)), duration: 2, biginTime: 0.0), forKey: nil)
```