Проблема с CABasicAnimation

Question

Так что в основном я пытаюсь создать dialogView. Это диалоговое окно будет содержать загрузочный счетчик и некоторый текст, который будет обновляться в зависимости от состояния. Я следовал двум руководствам, чтобы использовать CAShapeLayer, чтобы нарисовать круг, а затем анимировать линию вокруг него.

Ссылка на код / ​​руководства, за которыми я следовал https://www.youtube.com/watch?v=O3ltwjDJaMk https://github.com/vinayjn/Spinner/blob/master/Spinner.swift

Несмотря на следование большинству этих руководств для тройника. Моя анимация не будет работать. На данный момент это выглядит так и не будет вращаться.

class LoginDialogView: UIViewController {
    lazy var loaderView: UIView = {
        let loaderView = UIView()
        loaderView.backgroundColor = .yellow
        return loaderView
    }()

    lazy var dialogTitle : UILabel = {
        let dialogTitle = UILabel()
        dialogTitle.text = "Apples"
        dialogTitle.font =  UIFont.systemFont(ofSize: 24.0)
        dialogTitle.textAlignment = .left
        dialogTitle.numberOfLines = 1
        return dialogTitle
    }()

    private var shouldAddSublayer: Bool {
           /*
            check if:
            1. we have any sublayers at all, if we don't then its safe to add a new, so return true
            2. if there are sublayers, see if "our" layer is there, if it is not, return true
           */
           guard let sublayers = loaderView.layer.sublayers else { return true }
           return sublayers.filter({ $0.name == "progress"}).count == 0
       }

    override func viewDidLoad() {
        super.viewDidLoad()
        setupView()
    }
    override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
        if shouldAddSublayer {
            setupCircleLayers()
        }
    }

    fileprivate func setupView() {
        view.backgroundColor = .red
        view.layer.cornerRadius = 20

        view.addSubview(loaderView)
        loaderView.snp.makeConstraints { (make) in
            make.top.equalTo(view.safeAreaLayoutGuide.snp.top).offset(10)
            make.centerX.equalTo(view.safeAreaLayoutGuide.snp.centerX)
            make.height.width.equalTo(100)
        }
    }

    private func setupCircleLayers() {
        let trackLayer = createCircleShapeLayer(strokeColor: UIColor.init(red: 56/255, green: 25/255, blue: 49/255, alpha: 1), fillColor: #colorLiteral(red: 0.9686274529, green: 0.78039217, blue: 0.3450980484, alpha: 1))
        loaderView.layer.addSublayer(trackLayer)
        startAnimating()
    }

    private func startAnimating(){
        animateRing()
    }

    private func animateRing(){
        let rotationAnimation = CABasicAnimation(keyPath: "strokeEnd")
        rotationAnimation.fromValue = 0 * (CGFloat.pi / 180)
        rotationAnimation.toValue = 360 * (CGFloat.pi / 180)
        rotationAnimation.duration = 1.6
        rotationAnimation.repeatCount = HUGE
        loaderView.layer.add(rotationAnimation, forKey: "strokeEnd")
    }

    private func createCircleShapeLayer(strokeColor: UIColor, fillColor: UIColor) -> CAShapeLayer {
        let centerpoint = CGPoint.zero
        let circularPath = UIBezierPath(arcCenter: centerpoint, radius: 30, startAngle: 0, endAngle: 2 * CGFloat.pi, clockwise: true)
        let layer = CAShapeLayer()
        layer.path = circularPath.cgPath
        layer.fillColor = fillColor.cgColor
        layer.strokeColor = strokeColor.cgColor
        layer.strokeStart = 0
        layer.strokeEnd = 0.5
        layer.lineCap = .round
        layer.lineWidth = 5
        layer.position = CGPoint(x: loaderView.frame.size.width / 2, y: loaderView.frame.size.height / 2)
        layer.name = "progress"
        return layer
    }

}

Я просмотрел и сравнил код пару раз, и я не вижу, что я сделал, это было по-другому. Поэтому мой вопрос: может кто-нибудь просмотреть этот код и выяснить, что я сделал не так? и может кто-нибудь порекомендовать безопасный способ остановить эту анимацию, которая не вызовет потенциальных утечек памяти?

Я использую ios 13 и xcode 11.3.1

Answer 1

Вы не добавляете анимацию в слой формы; Вы добавили его в слой представления контейнера. Сохраните ссылку на ваш trackLayer и добавьте анимацию к этому слою.

class LoginDialogView: UIViewController {
    lazy var loaderView: UIView = {
        let loaderView = UIView()
        loaderView.backgroundColor = .yellow
        return loaderView
    }()

    var trackLayer: CAShapeLayer?

    ...
    ...
    ...

    private func setupCircleLayers() {
        trackLayer = createCircleShapeLayer(strokeColor: UIColor(red: 56/255,
                                                                 green: 25/255,
                                                                 blue: 49/255,
                                                                 alpha: 1),
                                            fillColor: #colorLiteral(red: 0.9686274529, green: 0.78039217, blue: 0.3450980484, alpha: 1))
        loaderView.layer.addSublayer(trackLayer!)
        startAnimating()
    }

    ...
    ...
    ...

    private func animateRing(){
        let rotationAnimation = CABasicAnimation(keyPath: "strokeEnd")
        rotationAnimation.fromValue = 0 * (CGFloat.pi / 180)
        rotationAnimation.toValue = 360 * (CGFloat.pi / 180)
        rotationAnimation.duration = 1.6
        rotationAnimation.repeatCount = HUGE
        trackLayer.add(rotationAnimation, forKey: "strokeEnd")
    }

    ...
    ...
    ...
}

Примечание: ... в приведенном выше коде относится к усеченной части вашего кода.