2019典型的现代语法

Question

我有动画

 func startRotate360() {
    let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
    rotation.fromValue = 0
    rotation.toValue =  Double.pi * 2
    rotation.duration = 1
    rotation.isCumulative = true
    rotation.repeatCount = Float.greatestFiniteMagnitude
    self.layer.add(rotation, forKey: "rotationAnimation")
}

我想要的是通过将重复次数设置为1来停止动画的能力，因此它完成了当前的旋转（简单地删除动画是不行的，因为它看起来不太好）

我试着跟随

func stopRotate360() {
    self.layer.animation(forKey: "rotationAnimation")?.repeatCount = 1
}

但是我在控制台崩溃了

尝试修改只读动画

如何访问可写属性？

Answer 1

放手一搏。实际上，您可以更改正在进行的CAAnimations。有很多方法。这是最快/最简单的。你甚至可以完全停止动画并恢复它而用户甚至不会注意到。

您可以看到开始动画功能以及停止。开始动画看起来与您的类似，而停止从表示层抓取当前旋转并创建一个旋转动画直到完成。我还根据正在运行的动画，根据当前旋转z到完全旋转，将持续时间平滑为完成所需时间的百分比。然后我用重复计数删除动画并添加新动画。您可以看到视图平滑旋转到最终位置并停止。你会明白的。放下它并运行它，看看你的想法。按下按钮开始并再次点击它以查看它完成旋转并停止。

import UIKit

class ViewController: UIViewController {

    var animationView = UIView()
    var button = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        animationView = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
        animationView.backgroundColor = .green
        animationView.center = view.center
        self.view.addSubview(animationView)

        let label = UILabel(frame: animationView.bounds)
        label.text = "I Spin"
        animationView.addSubview(label)


        button = UIButton(frame: CGRect(x: 20, y: animationView.frame.maxY + 60, width: view.bounds.width - 40, height: 40))
        button.setTitle("Animate", for: .normal)
        button.setTitleColor(.blue, for: .normal)
        button.addTarget(self, action: #selector(ViewController.pressed), for: .touchUpInside)
        self.view.addSubview(button)

    }

    func pressed(){

        if let title = button.titleLabel?.text{
            let trans = CATransition()
            trans.type = "rippleEffect"
            trans.duration = 0.6
            button.layer.add(trans, forKey: nil)

            switch title {
            case "Animate":
                //perform animation
                button.setTitle("Stop And Finish", for: .normal)
                rotateAnimationRepeat()
                break
            default:
                //stop and finish
                button.setTitle("Animate", for: .normal)
                stopAnimationAndFinish()
                break
            }
        }

    }

    func rotateAnimationRepeat(){
        //just to be sure because of how i did the project
        animationView.layer.removeAllAnimations()
        let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
        rotation.fromValue = 0
        rotation.toValue =  Double.pi * 2
        rotation.duration = 0.5
        rotation.repeatCount = Float.greatestFiniteMagnitude
        //not doing cumlative
        animationView.layer.add(rotation, forKey: "rotationAnimation")
    }

    func stopAnimationAndFinish(){
        if let presentation = animationView.layer.presentation(){
            if let currentRotation = presentation.value(forKeyPath: "transform.rotation.z") as? CGFloat{

                var duration = 0.5

                //smooth out duration for change
                duration = Double((CGFloat(Double.pi * 2) - currentRotation))/(Double.pi * 2)
                animationView.layer.removeAllAnimations()

                let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
                rotation.fromValue = currentRotation
                rotation.toValue = Double.pi * 2
                rotation.duration = duration * 0.5
                animationView.layer.add(rotation, forKey: "rotationAnimation")

            }
        }
    }
}

结果：

Answer 2

2019典型的现代语法

像这样设置弧和图层：

import Foundation
import UIKit

class RoundChaser: UIView {

    private let lineThick: CGFloat = 10.0
    private let beginFraction: CGFloat = 0.15
    // where does the arc drawing begin?
    // 0==top, .25==right, .5==bottom, .75==left

    private lazy var arcPath: CGPath = {
        let b = beginFraction * .pi * 2.0
        return UIBezierPath(
            arcCenter: bounds.centerOfCGRect(),
            radius: bounds.width / 2.0 - lineThick / 2.0,
            startAngle: .pi * -0.5 + b,
            // recall that .pi * -0.5 is the "top"
            endAngle: .pi * 1.5 + b,
            clockwise: true
        ).cgPath
    }()

    private lazy var arcLayer: CAShapeLayer = {
        let l = CAShapeLayer()
        l.path = arcPath
        l.fillColor = UIColor.clear.cgColor
        l.strokeColor = UIColor.purple.cgColor
        l.lineWidth = lineThick
        l.lineCap = CAShapeLayerLineCap.round
        l.strokeStart = 0
        l.strokeEnd = 0
        // if both are same, it is hidden. initially hidden
        layer.addSublayer(l)
        return l
    }()

然后初始化很简单

    open override func layoutSubviews() {
        super.layoutSubviews()
        arcLayer.frame = bounds
    }

最终动画很简单

    public func begin() {
        CATransaction.begin()

        let e : CABasicAnimation = CABasicAnimation(keyPath: "strokeEnd")
        e.duration = 2.0
        e.fromValue = 0
        e.toValue = 1.0
        // recall 0 will be our beginFraction, see above
        e.repeatCount = .greatestFiniteMagnitude

        self.arcLayer.add(e, forKey: nil)
        CATransaction.commit()
    }
}

Answer 3

也许这不是最佳解决方案，但它可行，正如您所说，一旦创建，您无法修改CABasicAnimation的属性，我们也需要删除rotation.repeatCount = Float.greatestFiniteMagnitude, if not CAAnimationDelegate method从未调用animationDidStop`，使用此方法可以在不需要任何问题的情况下停止动画

第1步：首先声明一个变量标记，以便在自定义类中需要停止动画时进行标记

var needStop : Bool = false

第2步：在结束后为stopAnimation添加方法

func stopAnimation()
{
    self.needStop = true
}

第3步：添加获取自定义动画的方法

func getRotate360Animation() ->CAAnimation{
    let rotation : CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation.z")
    rotation.fromValue = 0
    rotation.toValue =  Double.pi * 2
    rotation.duration = 1
    rotation.isCumulative = true
    rotation.isRemovedOnCompletion = false
    return rotation
}

第4步：修改startRotate360功能以使用getRotate360Animation()方法

func startRotate360() {
    let rotationAnimation = self.getRotate360Animation()
    rotationAnimation.delegate = self
    self.layer.add(rotationAnimation, forKey: "rotationAnimation")
}

第5步：在您的课程中实施CAAnimationDelegate

extension YOURCLASS : CAAnimationDelegate
{

    func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
        if(anim == self.layer?.animation(forKey: "rotationAnimation"))
        {
            self.layer?.removeAnimation(forKey: "rotationAnimation")
            if(!self.needStop){
                let animation = self.getRotate360Animation()
                animation.delegate = self
                self.layer?.add(animation, forKey: "rotationAnimation")
            }
        }
    }
}

这可行并经过测试

希望这有助于你

核心动画 - 修改动画属性

3 个答案:

2019典型的现代语法