UIView 框架的 CASpringAnimation

Question

我正在使用此代码为带有弹簧动画的视图设置动画，但它似乎没有这样做。视图在没有任何“弹簧”动画的情况下捕捉到框架。

之前您建议这样做：

UIView.animate(withDuration: 0.65, delay: 0, usingSpringWithDamping: 0.6, initialSpringVelocity: 3.0, options: .curveEaseOut , animations: {...}

我只想告诉你，我的视图使用cornerRadius，所以我不能用上面的动画cornerRadius！

 magnifyView (layer: CALayer, size: CGSize) {

     let oldBounds = layer.bounds
        var newBounds = oldBounds
        newBounds.size = size

        let animateFrame = CASpringAnimation(keyPath: "transform.scale")

        animateFrame.fromValue = NSValue(cgRect: oldBounds)
        animateFrame.toValue = NSValue(cgRect: newBounds)
        animateFrame.damping = 0.65
        animateFrame.initialVelocity = 3.0
        animateFrame.duration = animateFrame.settlingDuration


            layer.add(animateFrame, forKey: "transform.scale")
             layer.bounds = newBounds

}

Answer 1

你的动画是错误的。您将 key path 设置为 transform.scale，这将是一个 CGFloat，它会导致整个视图改变大小。

然后插入 CGRects 的 fromValue 和 toValue NSValue。我怀疑您在运行该代码时会在控制台中收到错误。

如果要为框架设置动画，请为框架设置动画。 （不是边界，框架。）使用

let oldFrame = layer.frame

...

let animateFrame = CASpringAnimation(keyPath: "frame")

...

animateFrame.fromValue = NSValue(cgRect: oldFrame)
animateFrame.toValue = NSValue(cgRect: newFrame)

...

layer.frame = newFrame

编辑：

使用问题开头提到的 UIView 动画当然更容易做到这一点。试试这样的代码：

class ViewController: UIViewController {

  var isLarge: Bool = false
  @IBOutlet weak var roundLabel: UILabel!

  @IBAction func handleResizeButton(_ sender: UIButton) {
    isLarge = !isLarge
    let size: CGFloat = isLarge ? 1.5 : 1.0
    UIView.animate(withDuration: 0.65, delay: 0, 
      usingSpringWithDamping: 0.6, 
      initialSpringVelocity: 3.0, 
      options: .curveEaseOut, 
      animations: {
        self.roundLabel.transform = CGAffineTransform(scaleX: size, y: size)
      }
    )
  }
}