ios - 如何在 UIView 动画期间为 UIView 图层的子图层设置动画？

Question

在 View 的 UIView 动画中，您可以通过将 UIViewAnimationOptionLayoutSubviews 包含在 [UIView animateWithDuration:delay:delay:选项:动画:完成:] 。但是，当它们不是某些 View 的支持层时，我找不到一种方法来为其布置子层设置动画；他们会跳到位以匹配 View 的新边界。由于我使用的是图层而不是 View ，所以我似乎必须使用 Core Animation 而不是 UIView 动画，但我不知道如何(以及何时)执行此操作以使图层动画与 View 匹配动画。

这是我的基本问题。如果您想了解我想要完成的具体事情，请阅读更多内容。

我通过向 View 层添加 CAShapeLayer 创建了一个带有虚线边框的 View (请参阅此 stackoverflow 问题:Dashed line border around UIView)。我调整 CAShapeLayer 的路径以匹配 layoutSubviews 中的 View 边界。

这可行，但存在一个外观问题:当 View 的边界在 UIView 动画中设置动画时(比如在旋转期间)，虚线边框会跳到 View 的新边界，而不是在 View 动画时平滑地动画到它它的界限。也就是说，当 View 动画时，虚线边框的右侧和底部不会分别紧贴 View 的右侧和底部。 我怎样才能从 CAShapeLayer 获取虚线边框，以便在它为其边界设置动画时与 View 一起设置动画？

到目前为止，我所做的是将 CABasicAnimation 附加到 CAShapeLayer:

- (void)layoutSubviews
{
    [super layoutSubviews];

    self.borderLayer.path = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;
    self.borderLayer.frame = self.bounds;

    CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"path"];
    [self.borderLayer addAnimation:pathAnimation forKey:nil];
}

这确实会导致虚线边框具有动画效果，但它没有正确的计时功能和动画持续时间来匹配 View 动画。另外，有时，我们不希望虚线边框像动画一样，当 View 首先进行布局时，边框不应该从一些旧路径动画到新的正确路径；它应该会出现。

Answer 1

你可能已经找到了答案，但我最近也遇到了类似的问题，既然解决了，我会把答案贴出来。

在- layoutSubViews 方法中，您可以通过- animationForKey: 获取当前UIView 动画作为backing layer 的CAAnimation方法。使用它，您可以像这样实现 - layoutSubviews:

- (void)layoutSubviews {
    [super layoutSubviews];

    // get current animation for bounds
    CAAnimation *anim = [self.layer animationForKey:@"bounds"];

    [CATransaction begin];
    if(anim) {
        // animating, apply same duration and timing function.
        [CATransaction setAnimationDuration:anim.duration];
        [CATransaction setAnimationTimingFunction:anim.timingFunction];

        CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"path"];
        [self.borderLayer addAnimation:pathAnimation forKey:@"path"];
    }
    else {
        // not animating, we should disable implicit animations.
        [CATransaction disableActions];
    }

    self.borderLayer.path = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;
    self.borderLayer.frame = self.bounds;
    [CATransaction commit];
}