CABasicAnimationを一時停止したい

Question

SwiftでiOSアプリのインターバルタイマーアプリを開発しています。

一時停止をした時に、タイマーの数字は止めれるのですが、
円のアニメーションが止まりません。

どのように実装したらよろしいでしょうか？
stop()の部分でタイマーとアニメーションを止めたいと思っています。

ご教授いただけると幸いです。
よろしくお願いいたします。

import UIKit

@objc protocol CountDownDelegate {
    func didCount(count:Int)
    func didFinish()
}


class CountDownView: UIView, CAAnimationDelegate {
    
    weak var delegate: CountDownDelegate?
    
    var shapeLayer = CAShapeLayer()
    var label = UILabel()
    var max = 0
    var timer: Timer?
    
    
    override init(frame: CGRect) {
        super.init(frame: frame)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func layoutSubviews() {
        print("DEBUG_PRINT: layoutSubviewsが呼ばれました")
        let lineWidth:CGFloat = 10.0
        //let lineColor = UIColor.black
        
        shapeLayer.isHidden = true
        label.isHidden = true
        shapeLayer.frame = CGRect(x: 0, y: 0, width: frame.width, height: frame.height)
        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.strokeColor = UIColor.black.cgColor
        shapeLayer.lineWidth = lineWidth
        
        let center = CGPoint(x: bounds.size.width / 2.0, y: bounds.size.height / 2.0)
        let radius = bounds.size.width
        let startAngle = CGFloat(-M_PI_2)
        let endAngle = startAngle + 2.0 * CGFloat(M_PI)
        let path = UIBezierPath(arcCenter: center, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)
        shapeLayer.path = path.cgPath
        layer.addSublayer(shapeLayer)
        
        label.frame = CGRect(x: 0, y: 0, width: frame.width * 2, height: frame.height * 2)
        label.center = CGPoint(x: bounds.size.width / 2.0, y: bounds.size.height / 2.0)
        label.textAlignment = NSTextAlignment.center
        // 文字のガタつきを解消
        label.font = UIFont.monospacedDigitSystemFont(ofSize: 50, weight: .heavy)
        //label.font = UIFont.init(name: "DBLCDTempBlack", size: 50)
        addSubview(label)
    }
    
    func start(max:Int, timeColor: String) {
        print("DEBUG_PRINT: start (max)")
        if self.timer == nil {
            self.timer = Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector(count(_:)), userInfo: nil, repeats: true)
        }
        animation(max)
        self.max = max
        label.text = "(max)"
        shapeLayer.isHidden = false
        label.isHidden = false
        
        switch timeColor {
            case "jyunbi":
                shapeLayer.strokeColor = UIColor.systemYellow.cgColor
                label.textColor = UIColor.systemYellow
            case "undou":
                shapeLayer.strokeColor = UIColor.systemRed.cgColor
                label.textColor = UIColor.systemRed
            case "kyukei":
                shapeLayer.strokeColor = UIColor.systemBlue.cgColor
                label.textColor = UIColor.systemBlue
        default:
            shapeLayer.strokeColor = UIColor.black.cgColor
            label.textColor = UIColor.blue
        }

    }
    
    @objc func count(_ timer: Timer) {
        print("DEBUG_PRINT: countが始まりました")
        print(max)
        if self.max != 0 {
            print("DEBUG_PRINT: (max)")
            self.max -= 1
            label.text = "(max)"
        } else if max == 0 {
            print("aaa")
            if self.timer != nil {
                self.timer?.invalidate()
                self.timer = nil
            }
        }
        
        
    }
    
    func animation(_ max: Int) {
        print("animationが呼ばれました")
        let animation = CABasicAnimation(keyPath: "strokeEnd")
        animation.duration = CFTimeInterval(max)
        animation.fromValue = 1.0
        animation.toValue = 0.0
        animation.delegate = self
        shapeLayer.add(animation, forKey: "circleAnim")
    }
    
    
    // タイマーとアニメーションを止める
    func stop() {
        print("DEBUG_PRINT: stopが呼ばれました")
        if self.timer != nil {
            self.timer?.invalidate()
            self.timer = nil
            
        }
    }
    
    
    func reset() {
        shapeLayer.isHidden = true
        shapeLayer.removeAnimation(forKey: "circleAnim")
    }
    
    func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
        print("DEBUG_PRINT: animationDidStopが呼ばれました")
        delegate?.didFinish()

    }
}

Answer 1

StackOverflow からの引用ほぼそのまま（メソッド名の書き換えのみ）ですが、下記の例の方が一時停止も再開もやりやすそうに感じました（初回の回答はアニメーションそのものを削除するため）。

• Is there a way to pause a CABasicAnimation?

    func pauseAnimation(){
        let pausedTime = layer.convertTime(CACurrentMediaTime(), from: nil)
        layer.speed = 0.0
        layer.timeOffset = pausedTime
    }
    
    func resumeAnimation(){
        let pausedTime = layer.timeOffset
        layer.speed = 1.0
        layer.timeOffset = 0.0
        layer.beginTime = 0.0
        let timeSincePause = layer.convertTime(CACurrentMediaTime(), from: nil) - pausedTime
        layer.beginTime = timeSincePause
    }

###元の回答

アニメーションを完全に止めるのであれば、こんな感じでいかがでしょうか。

    // タイマーとアニメーションを止める
    func stop() {
        print("DEBUG_PRINT: stopが呼ばれました")
        if self.timer != nil {
            self.timer?.invalidate()
            self.timer = nil

        }
        
        // MARK: アニメーションを止める
        if let strokeEnd = shapeLayer.presentation()?.strokeEnd {
            shapeLayer.removeAnimation(forKey: "circleAnim")
            // removeAnimation(forkey:)だけだと、アニメーションが元に戻るので、止める直前の状態に設定する
            shapeLayer.strokeEnd = strokeEnd
        }
    }

Comments

[syoco0330]

ありがとうございます！
上記コードの追記と下記を追記して一時停止の実装ができました。
var isDelegate = false

func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
print("DEBUG_PRINT: animationDidStopが呼ばれました")
// 一時停止の場合の処理
if isDelegate != false {
isDelegate = false
return
}
delegate?.didFinish()

}

[syoco0330]

ちなみにですが、
一時停止の再開の処理を実装しようと奮闘しているのですが、
どのように実装したらよろしいでしょうか？

shapeLayer.strokeStart
で実装するのではないかと思って色々試しているのですが、うまくいかないです。。。

[TsukubaDepot]

StackOverflowで使えそうな回答を見つけましたので、本文に転載しました。ご確認ください。

[syoco0330]

一時停止と再開の実装ができました。
大変助かりました。ありがとうございました。