Question

我有一个简单的应用程序，即red视图转换位置从左侧屏幕到右侧屏幕。我希望当我点击remove按钮时，动画将重新开始（red视图转换位置从左侧屏幕再次向右屏幕再次显示）但它不起作用。 red视图返回到原始帧但它没有移动，但animationDidStop仍然在持续时间后调用。

class TestViewController: UIViewController, CAAnimationDelegate {

let testView : UIView = {
    let view = UIView()
    view.translatesAutoresizingMaskIntoConstraints = false
    view.backgroundColor = .red
    view.layer.borderColor = UIColor.black.cgColor
    view.layer.cornerRadius = 5
    return view
}()

let removeAniButton : UIButton = {
    let btn = UIButton(type: .system)
    btn.translatesAutoresizingMaskIntoConstraints = false
    btn.setTitle("Remove", for: .normal)
    return btn
}()

let addAniButton : UIButton = {
    let btn = UIButton(type: .system)
    btn.translatesAutoresizingMaskIntoConstraints = false
    btn.setTitle("Add", for: .normal)
    return btn
}()

override func viewDidLoad() {
    super.viewDidLoad()

    view.backgroundColor = .white

    view.addSubview(testView)
    testView.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true
    testView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor).isActive = true
    testView.heightAnchor.constraint(equalToConstant: 100).isActive = true
    testView.widthAnchor.constraint(equalToConstant: 100).isActive = true

    view.addSubview(removeAniButton)
    removeAniButton.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 50).isActive = true
    removeAniButton.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
    removeAniButton.widthAnchor.constraint(equalToConstant: 100).isActive = true
    removeAniButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
    removeAniButton.addTarget(self, action: #selector(removeAnimation), for: .touchUpInside)

    view.addSubview(addAniButton)
    addAniButton.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 150).isActive = true
    addAniButton.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
    addAniButton.widthAnchor.constraint(equalToConstant: 100).isActive = true
    addAniButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
    addAniButton.addTarget(self, action: #selector(addAnimation), for: .touchUpInside)

    addAnimation()
    // Do any additional setup after loading the view.
}

func createAnimation() -> CAAnimation {
    let animation = CABasicAnimation(keyPath: "position.x")
    animation.fromValue = 0
    animation.toValue = self.view.frame.width
    animation.duration = 4
    animation.timingFunction = CAMediaTimingFunction.init(name: kCAMediaTimingFunctionLinear) 
    animation.fillMode = kCAFillModeForwards
    animation.isRemovedOnCompletion = false
    animation.delegate = self
    return animation
}

func removeAnimation(){
    testView.layer.removeAllAnimations()
    testView.transform = .identity
    addAnimation()
}

func addAnimation(){
    testView.layer.add(createAnimation(), forKey: nil)
}

func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
    if flag {
        print("Animation is finished")
    }
  }
}

任何人都可以解释一下吗？

Answer 1

您的问题是您使用了错误的keyPath作为动画，如果您想使用testView.transform = .identity重置动画，则需要使用transform.translation.x代替＆＃34; position.x＆＃34;作为动画keyPath，也不需要调用removeAllAnimations()只需再次调用addAnimation即可完成工作

将此代码用于动画制作

func createAnimation() -> CAAnimation {
    let animation = CABasicAnimation(keyPath: "transform.translation.x")
    animation.fromValue = 0
    animation.toValue = self.view.frame.width
    animation.duration = 4
    animation.timingFunction = CAMediaTimingFunction.init(name: kCAMediaTimingFunctionLinear)
    animation.fillMode = kCAFillModeForwards
    animation.isRemovedOnCompletion = false
    return animation
}

func removeAnimation(){
    //customView.layer.removeAllAnimations()
    //customView.transform = .identity
    addAnimation()
}

removeAllAnimations不起作用后添加动画

1 个答案: