删除 UIButton 层上的 CAShapeLayer 遮罩，以便取消遮罩动画 UIButton 大小更改

Question

我有一个自定义按钮类型的 UIButton，我只是在按钮的底层 CALayer 上设置背景和边框颜色。然后，我将遮罩应用到由 CAShapeLayer 组成的底层（以获得两个圆角），如 这篇文章。

到目前为止，一切都很好。我对 UIButton 进行动画处理以使其尺寸变大。到目前为止，一切都很好。参见下文（图像中的所有内容都是 _fusedBar，保存您在其下方看到的 x 轴线片段和美元金额文本）。

当我使用相同的动画例程但不同的参数对 UIButton 进行动画缩小时值（仿射平移与同时帧高度变化），当收缩发生时，没有任何 UIButton（除了一个条子）是可见的。

我尝试让 CAShapeLayer（即蒙版）将其自身从其超级层中删除，我尝试将 UIButton 层上的蒙版属性设置为 nil 等，但这些都没有删除蒙版，以便我可以看到UIButton 动画（随着仿射平移和框架高度变化而缩小）。

这是相关的动画代码：

// Stackoverflow readers: Assume 'duration', 'scaledHeight' and 'delay' 
// already defined.

void (^fusedBarChange)(void) = ^{    
    _fusedBar.transform = CGAffineTransformMakeTranslation(0, -scaledHeight);
    [_fusedBar nd_setNewSizeHeight:scaledHeight];
};

[UIView animateWithDuration:duration
                      delay:delay
                    options:UIViewAnimationCurveEaseOut 
                 animations:^(void) {
                     fusedBarChange();
                 }
                 completion:^(BOOL finished) {
                     // Other stuff not relevant to _fusedBar animation
                 }];

在调用该动画之前，我根据上面引用的帖子进行了蒙版设置。该代码如下。请注意，“_fusedBar”是本次讨论的核心 UIButton。

- (void)configureRoundedTop {
    // YES: Start by creating the path (with only the top-left corner rounded)
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:_fusedBar.bounds 
                                                   byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight
                                                         cornerRadii:CGSizeMake(4.0, 4.0)];

    // Create the shape layer and set its path
    CAShapeLayer *maskLayer = [CAShapeLayer layer];
    maskLayer.frame = _fusedBar.bounds;
    maskLayer.path = maskPath.CGPath;

    // Set the newly created shape layer as the mask for the image view's layer
    _fusedBar.layer.mask = maskLayer;
}

当 _fusedBar 从一条条增长到几百点时，增长是动画的，您可以看到它。

在使用这个 CAShapeLayer 蒙版之前，当将 _fusedBar 缩小回一条条时，我可以看到动画（上面的代码相同，只是“scaledHeight”的值不同）。现在，我看不到缩小的动画。

所以，我知道我需要在动画收缩操作之前以某种方式摆脱遮罩层的影响，但明显的事情（对我来说）并没有起作用。下面是我尝试过的各种事情的示例：

// None of these do the trick. I call them just before 
// the shrinking animation is invoked:
[_fusedBar setNeedsLayout];
[_fusedBar setNeedsDisplay];
[_fusedBar.layer.mask removeFromSuperlayer];
_fusedBar.layer.mask = nil;

显然，我缺少一些 CALayers、屏蔽甚至presentationLayer 语义的部分。

非常感谢任何指导！

Answer 1

几天后回过头来，我发现了我的错误（从上面发布的摘录中看不到）。

本质上，在动画放大或缩小“fusedBar”之后，我根据视图的框架重新应用蒙版。由于这将有效地与动画块一起执行，因此它将有一个视图缩小到的遮罩。

我需要将重新应用掩码代码放入动画完成块中，或者在 fusedBar 缩小时抑制它。

感谢所有看过并提供帮助的人！