使用 Quartz 2d / CGContext 绘图和缩放的问题

Posted 2023-03-12

【中文标题】使用 Quartz 2d / CGContext 绘图和缩放的问题

【英文标题】：Issue with drawing with Quartz 2d / CGContext and zooming

【发布时间】：2011-07-25 14:21:34

【问题描述】：

现在我们有一个 UIScrollView，它有一个子视图，一个 UIView。这个 UIView 拥有两个 UIImageView 子视图，一个是静态背景图片。第二个 UIImageView 是供用户绘制的视图，我们使用 CGContext 处理。

我们使用滚动视图是因为背景图像和绘图区域很大。当用户选择一个进入绘图模式的按钮时，他们可以用两根手指滑动滚动并用一根手指进行绘图。这一切都很好。

问题是当我们离开绘图模式并尝试放大时。背景图像完美地缩放，但在它上面绘制的 UIImageView 做了一些奇怪的事情。它会保持正常大小几秒钟，然后消失，然后突然以放大后的大小出现。所以它正在放大，但在放大之前有一些非常奇怪的行为和延迟。

作为参考，这里是我们如何处理绘图。

/**
 When the user first starts moving the pen
 */
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event 

    isMouseMoved = YES; 
    UITouch *touch = [touches anyObject]; 
    CGPoint currentPoint = [touch locationInView:imageView]; 

    // Setting up the context
    UIGraphicsBeginImageContext(imageView.frame.size);
    [imageView.image drawInRect:CGRectMake(0, 0, imageView.frame.size.width, imageView.frame.size.height)];

    if(isEraserOn)
        CGContextSetLineWidth(UIGraphicsGetCurrentContext(), eraserRadius);
        CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeClear);
        CGRect eraserFrame = eraser.frame; 
        eraserFrame.origin.x = currentPoint.x - (eraserRadius/2);
        eraserFrame.origin.y = currentPoint.y - (eraserRadius/2);
        eraser.frame = eraserFrame;

    else
        CGContextSetLineWidth(UIGraphicsGetCurrentContext(), penRadius);
        CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), r, g, b, 1.0); 
        CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeNormal);
    

    CGContextBeginPath(UIGraphicsGetCurrentContext());
    CGContextMoveToPoint(UIGraphicsGetCurrentContext(), lastPoint.x, lastPoint.y);
    CGContextAddLineToPoint(UIGraphicsGetCurrentContext(), currentPoint.x, currentPoint.y);
    CGContextStrokePath(UIGraphicsGetCurrentContext());

    imageView.image = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 
    lastPoint = currentPoint; 
    mouseMoved++; 

    if (mouseMoved == 1) 
        mouseMoved = 0;
     
 

有人知道我们的绘图 UIImageView 发生了什么吗？我们认为延迟可能是由于放大时的抗锯齿，但我们尝试禁用它，但仍然遇到同样的问题。

【参考方案1】：

问题可能在于，您在 touchesMoved 方法中进行所有绘图，而不是在 DrawRect 中进行并在需要时调用 setNeedsDisplay 方法来调用绘图。在来自wwdc 2011 的精彩视频中，已经清楚地解释了在诸如 touchesMoved 或 tochesBegan 之类的方法中抓取 CGContext 是与绘图相关的问题的最常见原因之一。所以我建议你： 1) 不要在 tochesMoved 中调用 UIGraphicsGetCurrentContext()，而是在用户绘制的 UIView 的 DrawRect 方法中调用。在 touchesMoved 中，您可以简单地保存被触摸的点，您也可以在 DrawRect 中绘制线条 2) 在 touchesMoved 结束时向 UIView 发送 setNeedsDisplay 消息。这将确保每次调用 touchesMoved 时 UIView 都会刷新，并且可能会缩短响应时间。你可以尝试一下，甚至不尝试 (1)

希望这会有所帮助！