从捏合位置缩放在 CGContext 上绘制的图像答案

【问题标题】：Zooming an image drawn on a CGContext from the pinch location从捏合位置缩放在 CGContext 上绘制的图像
【发布时间】：2012-10-06 07:16:19
【问题描述】：

这个问题是不久前另一个 SO 问题的后续问题：zooming using pinch but not using transform methods。我让缩放几乎完美地工作，但是它仍然会使绘制的图像“跳跃”，正如我一直所说的那样。代码中最重要的部分如下：

当观察到捏合事件时，调用此方法：

[代码 sn-p 1]

- (IBAction)handlePinchGesture:(UIGestureRecognizer *)sender {
    float previousZoomLevel = zoomLevel;
    UIPinchGestureRecognizer *pinch = (UIPinchGestureRecognizer *)sender;

    float zoomIncreaseFactor = [self getZoomFactor:[pinch scale]]; //= 13 or 7 or 10
    float estimatedDelta = (previousZoomLevel * zoomIncreaseFactor) / 150;

    if ([pinch scale] > previousScale) {
        zoomLevel += estimatedDelta;
    }

    if ([pinch scale] < previousScale) {
        zoomLevel -= estimatedDelta;
    }

    previousScale = [pinch scale];

    if (zoomLevel < MIN_ZOOM_LEVEL) {
        zoomLevel = MIN_ZOOM_LEVEL;
    }

    if (zoomLevel > MAX_ZOOM_LEVEL) {
        zoomLevel = MAX_ZOOM_LEVEL;
    }

    CGPoint loc = [pinch locationInView:self];

    NSLog(@"loc: {%.1f,%.1f}, lastPinchLoc: {%.1f,%.1f}", loc.x,loc.y,lastPinchLocation.x,lastPinchLocation.y);

    //uncomment the below part to always zoom from the first zoom location.
    //if (lastPinchLocation.x != 0 && lastPinchLocation.y != 0) {
        //loc.x += lastPinchLocation.x - loc.x;
        //loc.y += lastPinchLocation.y - loc.y;
    //}

    //NSLog(@"newLastPinchLocation: {%.1f,%.1f}", loc.x,loc.y);

    lastPinchLocation = loc;

    hasBeenMoved = YES;

    if (zoomLevel != previousZoomLevel) {
        [self setNeedsDisplay];
    }
}

当我在整个屏幕上捏合时，上面的 NSLog 给出了以下打印：

2012-10-16 10:15:19.357 App[2609:907] loc: {147.0,232.0}, lastPinchLoc: {0.0,0.0}
2012-10-16 10:15:19.391 App[2609:907] loc: {147.0,231.0}, lastPinchLoc: {147.0,232.0}
2012-10-16 10:15:19.436 App[2609:907] loc: {148.0,232.0}, lastPinchLoc: {147.0,231.0}
2012-10-16 10:15:19.457 App[2609:907] loc: {148.0,232.0}, lastPinchLoc: {148.0,232.0}
2012-10-16 10:15:19.474 App[2609:907] loc: {148.0,233.0}, lastPinchLoc: {148.0,232.0}
2012-10-16 10:15:19.507 App[2609:907] loc: {147.0,233.0}, lastPinchLoc: {148.0,233.0}
2012-10-16 10:15:19.573 App[2609:907] loc: {103.0,355.0}, lastPinchLoc: {147.0,233.0}
2012-10-16 10:15:20.324 App[2609:907] loc: {585.0,710.0}, lastPinchLoc: {103.0,355.0}
2012-10-16 10:15:20.340 App[2609:907] loc: {584.0,709.0}, lastPinchLoc: {585.0,710.0}
2012-10-16 10:15:20.356 App[2609:907] loc: {584.0,710.0}, lastPinchLoc: {584.0,709.0}
2012-10-16 10:15:20.374 App[2609:907] loc: {584.0,710.0}, lastPinchLoc: {584.0,710.0}
2012-10-16 10:15:20.407 App[2609:907] loc: {583.0,710.0}, lastPinchLoc: {584.0,710.0}
2012-10-16 10:15:20.456 App[2609:907] loc: {512.0,811.0}, lastPinchLoc: {583.0,710.0}
2012-10-16 10:15:21.056 App[2609:907] loc: {645.0,163.0}, lastPinchLoc: {512.0,811.0}
2012-10-16 10:15:21.090 App[2609:907] loc: {647.0,164.0}, lastPinchLoc: {645.0,163.0}
2012-10-16 10:15:21.107 App[2609:907] loc: {647.0,165.0}, lastPinchLoc: {647.0,164.0}
2012-10-16 10:15:21.156 App[2609:907] loc: {602.0,249.0}, lastPinchLoc: {647.0,165.0}
2012-10-16 10:15:21.839 App[2609:907] loc: {153.0,702.0}, lastPinchLoc: {602.0,249.0}
2012-10-16 10:15:21.856 App[2609:907] loc: {157.0,703.0}, lastPinchLoc: {153.0,702.0}
2012-10-16 10:15:21.874 App[2609:907] loc: {159.0,704.0}, lastPinchLoc: {157.0,703.0}
2012-10-16 10:15:21.890 App[2609:907] loc: {160.0,704.0}, lastPinchLoc: {159.0,704.0}
2012-10-16 10:15:21.906 App[2609:907] loc: {123.0,796.0}, lastPinchLoc: {160.0,704.0}
2012-10-16 10:15:21.923 App[2609:907] loc: {125.0,794.0}, lastPinchLoc: {123.0,796.0}
2012-10-16 10:15:22.706 App[2609:907] loc: {368.0,303.0}, lastPinchLoc: {125.0,794.0}
2012-10-16 10:15:22.723 App[2609:907] loc: {369.0,307.0}, lastPinchLoc: {368.0,303.0}
2012-10-16 10:15:22.725 App[2609:907] loc: {369.0,307.0}, lastPinchLoc: {369.0,307.0}
2012-10-16 10:15:22.739 App[2609:907] loc: {371.0,312.0}, lastPinchLoc: {369.0,307.0}
2012-10-16 10:15:22.756 App[2609:907] loc: {374.0,312.0}, lastPinchLoc: {371.0,312.0}
2012-10-16 10:15:22.773 App[2609:907] loc: {338.0,392.0}, lastPinchLoc: {374.0,312.0}

就在 CGContext 上绘制项目之前，将 x 和 y 放入此方法中，然后我在返回的位置上绘制项目。类变量 'zoomTouchLocation' 与上述 sn-p 中的 'lastPinchLocation' 具有相同的值。

[代码 sn-p 2]

- (CGPoint)handleCoordinatesX:(float)x y:(float)y {
    x -= zoomTouchLocation.x;
    y -= zoomTouchLocation.y;

    x = x * zoomLevel;
    y = y * zoomLevel;

    x += zoomTouchLocation.x;
    y += zoomTouchLocation.y;

    return CGPointMake(x, y);
}

如果我每次都捏在大致相同的位置，它会按预期工作，但是当我在整个屏幕上捏时，图像会像疯了一样跳来跳去。

现在基本上我的问题是，是否有人可以帮助我解决这个“跳跃”问题，并让图像从我放大的位置缩放而不跳跃。如果您需要更多信息，请在下面的 cmets 中询问。

（我知道我的代码发生跳转是很正常的，我只是找不到阻止它这样做的方法）

【问题讨论】：

您是否尝试过过滤输入值？即不允许太多跳跃？另一个问题是 - 当它从 300 到 700 时 - 你会怎么做？会不会是您在另一个视图上触发（即不同的坐标系）？
不，我目前没有过滤输入（我将在下周尝试）并且我没有在不同的坐标系上工作。问题是实际的捏合手势与之前的完全不同。那是跳跃发生的时候
@hims056 - 嗯，你是对的，这有点傻。我想我先去喝杯咖啡。

标签： objective-c zooming cgcontext

【解决方案1】：

没有完整的代码很难提供帮助，但您应该尝试将 view.layer.anchorPoint 设置为您的 pinchLocation（如果尚未完成）。像这样，当变换完成后，这个点就不动了。对于旋转或缩放非常有用。

【讨论】：

我没有使用苹果提供的官方缩放方法。在我绘制某些东西之前，我使用 [code sn-p 2] 中的方法对其进行缩放，这样它会显示网络从捏合点缩放，效果很好，但是当用户决定在不同的地方捏合时它会跳来跳去屏幕。
为了调试它，您应该检查您的 pinchLocation 是否从未移动。一种图形化方法是在图层上显示一个红色按钮并检查它是否移动。
我在错误的坐标系中工作。你的评论让我找到了正确的地方，谢谢！

【解决方案2】：

应在离散事件期间跟踪和/或重置您的缩放增量和坐标。也就是说，您需要了解并使用UIPinchGestureRecognizer.state 来确定要重置跟踪逻辑和增量的位置，以及何时更新您为缩放位置跟踪的坐标。

Touches 示例对此进行了基本说明：

- (void)scalePiece:(UIPinchGestureRecognizer *)gestureRecognizer
{
    [self adjustAnchorPointForGestureRecognizer:gestureRecognizer];

    if ([gestureRecognizer state] == UIGestureRecognizerStateBegan || [gestureRecognizer state] == UIGestureRecognizerStateChanged) {
        [gestureRecognizer view].transform = CGAffineTransformScale([[gestureRecognizer view] transform], [gestureRecognizer scale], [gestureRecognizer scale]);
        [gestureRecognizer setScale:1];
    }
}

【讨论】：