如何从 UIScrollView 中删除 CAShapeLayer？

Question

我正在创建录音应用，就像语音备忘录一样。到目前为止，我能够录制、播放、修剪和合并音频。我创建波形条的时间线，就像任何音乐应用程序中的条形可视化一样。

当用户停止录制时，如果他出错了，他可以回到特定的秒从那里重新录制。例如，如果他在 50 秒时停止录制，因为他在 45 秒后犯了错误。他将通过拖动水平滚动条（时间线）进入 45 秒。当他点击录制按钮时，我想在 45 秒后清除所有波条。我如何实现这一目标？这就是我使用CAShapeLayer 在滚动视图中创建波浪条的方式。

CAShapeLayer *shapeLayer = [CAShapeLayer layer];
[shapeLayer setPath:[[UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, barWidth, barHeight) cornerRadius:2] CGPath]];
shapeLayer.fillColor = [UIColor whiteColor].CGColor;
shapeLayer.position = CGPointMake(barX, scrlViewBars.frame.size.height - barHeight);
[scrlViewBars.layer addSublayer:shapeLayer];

这段代码是在一个循环中编写的，在录制开始后每秒会调用 2 次。从而创建波条。那么如何删除添加到UIScrollView 的图层。我发现 nilling layer.sublayers 会删除该层。但我不知道如何实现。

Answer 1

一种方法是首先创建一个NSMutableArray，其中包含指向您要添加的CAShapeLayers 的指针。

然后像这样调用向该数组添加层：

...
shapeLayer.position = CGPointMake(barX, scrlViewBars.frame.size.height - barHeight);
[addedLayers addObject:shapeLayer];
[scrlViewBars.layer addSublayer:shapeLayer];

我假设barX 是某种数字，可能是CGFloat，并且每 30 秒递增相同的常数。现在您需要找到一个公式将barX 转换为在barX 处添加的图层索引。

假设您在 X 轴的每 30px 处添加层，这意味着

barX 0 --> index 0
barX 30 --> index 1
barX 60 --> index 2
...

你应该知道 45 秒时的 barX 是什么，并计算该时间点 addedLayers 的索引，我们将其命名为 index。

现在在用户点击 45 秒后，您将运行一个循环：

for(int i = index; i < addedLayers.count; i++){
    [[addedLayers objectAtIndex:i] removeFromSuperlayer];
}

它所做的是从 45 秒开始删除所有层。 现在，您必须将它们从数组中删除，然后运行

 [addedLayers removeObjectsInRange:NSMakeRange(index, [addedLayers count] - index)];

我会这样做，如果它有效，请告诉我。