使用 CALayer 作为子视图的动画 UIView 框架

Question

我有什么：

我有一个UIView's 和CAGradientLayer 的层次结构，我用它来设置这个层次结构的“背景颜色”。所以我有这样的事情：

ViewA -> ViewB -> CAGradientLayer

我在做什么：

在某一时刻，我想为 ViewA 的 frame（仅它的高度）设置动画。所以它会是这样的：

[UIView animateWithDuration:timeInterval
                      delay:0
                    options:UIViewAnimationOptionCurveEaseIn
                 animations:^{
                              viewA.frame = newFrame;
}];

问题：

问题在于CAGradientLayer 不会为其帧设置动画，它只是更改其帧，然后 viewA 开始按预期设置动画（通过将模拟器设置为慢动作动画可以清楚地看到这一点）。

我尝试了什么：

我尝试按照 Apple 推荐的 here 进行操作，方法是在 UIView 动画块内执行此操作，但实际上并没有奏效，因为我仍在此处为帧设置动画：

viewA.frame = newFrame;

我也明白我应该为边界设置动画，而不是 CALayer 的框架，问题是，我如何为边界设置动画，并且在为 ViewA 的框架设置动画时，将 CALayer 排除在外动画？

我想要什么：

我只想为它的高度变化设置动画，所以我会同时看到viewA 和CAGradientLayer 的动画。

Answer 1

首先，阅读this。

尝试将您的视图动画代码与图层动画一起显式封装。不要期望图层会自动设置动画。由于您正在处理定位，因此您需要更改graidentlayer.bounds。

如果这不起作用，请在您的动画代码之前尝试此操作：

[CATransaction begin];    
[CATransaction setDisableActions: NO];    
[CATransaction commit];

Answer 2

您必须了解UIView 和CALayer 层次结构是不同的。在UIView 上运行的布局更改和动画不会自动影响CALayer 层次结构。

因此，如果您希望对视图应用的更改影响图层，您必须自己更新该图层。

您的代码也缺少详细信息。例如，你声称你看到你的渐变层改变了它的框架，但你没有显示你在哪里改变它。您是否在某处覆盖了 layoutSubviews 以将其更新为 frame？

默认情况下，更新层 frame 将触发 position 和 bounds 属性的隐式动画。要更改动画的速度，您可以使用：

[CATransaction begin];
[CATransaction setAnimationDuration:10.0];
_myLayer.frame = newFrame;
[CATransaction commit];