UIScrollView 捏放大到 CGContextStrokePath 而不改变线宽

Posted 2023-03-16

【中文标题】UIScrollView 捏放大到 CGContextStrokePath 而不改变线宽

【英文标题】：UIScrollView pinch zoom into CGContextStrokePath without changing line width

【发布时间】：2012-06-20 09:34:22

【问题描述】：

我有一个包含自定义 UIView 的 UIScrollView。在我的 UIView 中，我重写 drawRect 以使用 CGContextStrokePath 绘制路径。我想稍微改变变焦的工作方式。捏拉缩小将在屏幕上显示更多路径。这就是我想要的，但我希望线宽保持不变而不是缩小，以便用户仍然清楚它们。

我以为我会这样做（myUIView 缩放目标称为 _lineView）

-(void)scrollViewDidZoom:(UIScrollView *)pScrollView
    
      _lineView.zoomScale = _scrollView.zoomScale;
      [_lineView setNeedsDisplay];
    

然后在我的 _lineView drawRect 方法中计算适当的线条笔触大小，以在缩小时产生恒定线条宽度的效果。

这真的很慢，我已经读到这是预期的，因为 drawrect 没有优化为每秒调用多次。

然后我开始考虑改用 GLKView 并直接在 opengl 中渲染整个内容。问题是我必须自己实现所有的缩放和平移（你可以在 UiScrollView 中免费获得所有可爱的缩放和平移反弹效果）。我还必须实现我想在 opengl、按钮等中使用的所有控件。

有没有办法在使用 Quartz2d 的同时做到这一点？我觉得 opengl 会给我很大的力量，但如果我走这条路，我需要更长的时间才能完成我的应用程序的其余部分。

【参考方案1】：

我想通了。我找到了一种简单的方法来做到这一点，它根本不会减慢缩放/弹跳动画的速度，而且非常快速和流畅。

Quartz 有一个名为 CAShapeLayer 的类，它可以让你做一些很酷的事情。其中包括能够设置 CGPath 属性并指定线宽。更改会反映在视图中。

所以我基本上从我的 scrollViewDidZoom 方法中调用 shapeLayer.lineWidth ，它正是我需要的。

【讨论】：

谢谢。我已经按照这个来绘制 CGPath 并且缩小不会导致线条模糊。但是，我有许多 CGPath 要用不同的颜色和线宽绘制。然后我必须为每个 CGPath 分配每个新的 CAShapeLayer，然后将每个图层添加为我的视图的图层子图层。如果我添加太多 subLayer 会导致某种性能问题吗？可能是我太担心了。

是的，最终绘图在 iPhone 4 等旧设备上会变慢，所以要小心。这取决于路径有多大。如果它们只有几个线段，那应该不是问题。

【参考方案2】：

如果我是你，我会做的是在缩放时使用默认缩放行为（它不会重绘，而只是对缩放视图应用变换，这可以由 GPU 非常非常快速地完成，但是作为您已经注意到会导致质量下降）。

然后，当用户完成缩放后，像现在一样重绘整个视图。合适的委托方法是scrollViewDidEndZooming:withView:atScale:。

这样，您可以快速（但有点难看）缩放，并在缩放完成后显示漂亮（但稍微，可能不明显，较慢）。

【讨论】：

嗨 fzwo 我试过这个选项，它确实有效，但看起来还是有点奇怪。

如果我将线条粗细计算更改为像这样 (-_zoomScale * 10) + 20 这样的负线性梯度，这还不错。我猜这是后备计划，但线条粗细变化仍然很明显。

如果由于性能限制而无法实时更改线条粗细，则无法看到线条粗细变化。如果你想要花哨，在滚动结束时，在旧的转换视图和新的渲染良好的视图之间淡入淡出，以使跳跃不那么明显。

即使使用这种方法，缩放似乎也不是流畅的，虽然你捏得很好，但在你松开手指后，绘图调用似乎会导致滚动视图的通常流体反弹/弹性动画jerk and stutter, 不是很理想，因为它使缩放看起来缓慢而生涩。