动画UIView上的动画层

Question

我无法在其中一个视图上设置图层动画。 我用Google搜索这个问题，但只能找到答案使用CATransaction即假设我知道fromValue和toValue其边界。 我在tableHeader中有一个视图，在单击时调整自身大小。 这个视图是一个普通的UIView和动画，就像在UIView.animate() - UIView.animate() 。 此视图将CAGradientLayer作为子图层，为其提供渐变背景CAGradientLayer 。 当视图为其高度设置动画时，该图层不会对其进行动画处理。 图层在动画开始时立即更改其边界。

为了确保图层整体得到正确的大小（在初始化/加载/屏幕旋转等），我被告知这样做：

override func layoutSubviews() {
    super.layoutSubviews()
    gradientLayer.frame = backgroundView.bounds
}

它每次都会获得正确的大小，但它从未动画过。

要做我的视图动画，我这样做：

self.someLabelHeightConstraint.constant = someHeight
UIView.animate(withDuration: 0.3, animations: { [weak self] in                
    self?.layoutIfNeeded()
})

这是完美的，但我假设layoutIfNeeded()在某个时刻调用layoutSubviews ，我认为这将破坏我添加到块中的任何CALayer动画。

如您所见，我只更改视图中视图上的约束常量，因此实际上我不知道动画完成时实际标题视图的大小。 我可以做一些数学计算它会是什么，但这似乎是不必要的..

有没有更好的方法来做到这一点？

Answer 1

在动画期间有更新方法来更新子层的frame ，但最优雅的解决方案是让UIKit为您处理这个问题。 创建一个子类UIView其layerClass是CAGradientLayer 。 创建视图后，将为您创建CAGradientLayer 。 当您为视图的框架设置动画时，渐变图层会为您优雅地设置动画。

@IBDesignable
public class GradientView: UIView {

    @IBInspectable public var startColor: UIColor = .white { didSet { updateColors() } }
    @IBInspectable public var endColor:   UIColor = .black { didSet { updateColors() } }

    override open class var layerClass: AnyClass { return CAGradientLayer.self }

    override public init(frame: CGRect = .zero) {
        super.init(frame: frame)
        config()
    }

    required public init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        config()
    }

    private func config() {
        updateColors()
    }

    private func updateColors() {
        let gradientLayer = layer as! CAGradientLayer

        gradientLayer.colors = [startColor.cgColor, endColor.cgColor]
    }

}

注意，我已经制作了这个@IBDesignable所以你可以将它放在一个框架目标中，然后在IB中使用它，但这取决于你。 这不是必需的。 主要问题是覆盖layerClass以便UIKit在动画视图时处理图层的动画。

Answer 2

您需要删除CALayer的操作

添加此代码

gradientLayer.actions = ["position": NSNull(),"frame":NSNull(),"bounds":NSNull()]