如何通过触摸移动 UIImageView

Question

我正在尝试为我的 imageView （下面代码中的 maskPreview ）创建移动功能，以便用户可以在屏幕周围移动 maskPreview 中包含的图片。这是我的触摸开始和触摸移动的代码：

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
if ([touches count]==1) {
    UITouch *touch= [touches anyObject];
    originalOrigin = [touch locationInView:maskPreview];
}
}
-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
if ([touches count]==1) {
    UITouch *touch = [touches anyObject];
    CGPoint lastTouch = [touch previousLocationInView:self.view];
    CGFloat movedDistanceX = originalOrigin.x-lastTouch.x;
    CGFloat movedDistanceY = originalOrigin.y-lastTouch.y;
    [maskPreview setFrame:CGRectMake(maskPreview.frame.origin.x+movedDistanceX, maskPreview.frame.origin.y + movedDistanceY, maskPreview.frame.size.width, maskPreview.frame.size.height)];
}
}

但我从应用程序中得到了一些奇怪的响应。我没有限制图像视图可以移动多远，即防止它超出屏幕，但即使是一个小移动，我的图像视图也会变得疯狂并消失。

预先非常感谢您的所有帮助

Answer 1

在这个现代世界中，实现 touchesBegan 等是有点矫枉过正。你只是把自己搞糊涂了，你的代码很快就会变得无法理解或维护。使用 UIPanGestureRecognizer；这就是它的用途。使用 UIPanGestureRecognizer 使视图可拖动非常简单。下面是 UIPanGestureRecognizer 的操作处理程序，它使视图可拖动：

- (void) dragging: (UIPanGestureRecognizer*) p {
    UIView* vv = p.view;
    if (p.state == UIGestureRecognizerStateBegan ||
        p.state == UIGestureRecognizerStateChanged) {
        CGPoint delta = [p translationInView: vv.superview];
        CGPoint c = vv.center;
        c.x += delta.x; c.y += delta.y;
        vv.center = c;
        [p setTranslation: CGPointZero inView: vv.superview];
    }
}

Answer 2

您的代码有两个问题。首先，这一行是错误的：

CGPoint lastTouch = [touch previousLocationInView:self.view];

它应该是这样的：

CGPoint lastTouch = [touch previousLocationInView:maskPreview];

真的，你甚至不应该使用 previousLocationInView:。您应该像这样使用 locationInView:：

CGPoint lastTouch = [touch locationInView:maskPreview];

其次，您得到的 movedDistanceX 和 movedDistanceY 的符号是错误的。将它们更改为：

CGFloat movedDistanceX = lastTouch.x - originalOrigin.x;
CGFloat movedDistanceY = lastTouch.y - originalOrigin.y;

此外，touchesBegan:withEvent: 的文档是这样说的：

如果您在不调用 super（常见使用模式）的情况下重写此方法，则还必须重写用于处理触摸事件的其他方法（如果仅作为存根（空）实现）。

因此，请确保您还覆盖 touchesEnded:withEvent: 和 touchesCancelled:withEvent:。

不管怎样，你可以更简单地做到这一点。一种方法是将 touchesBegan:withEvent: 设为空，并使用 previousLocationInView: 和 完成 touchesMoved:withEvent: 中的所有工作locationInView：，并更新maskPreview.center而不是maskPreview.frame。您甚至不需要 originalOrigin 实例变量：

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
}

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    if ([touches count]==1) {
        UITouch *touch = [touches anyObject];
        CGPoint p0 = [touch previousLocationInView:maskPreview];
        CGPoint p1 = [touch locationInView:maskPreview];
        CGPoint center = maskPreview.center;
        center.x += p1.x - p0.x;
        center.y += p1.y - p0.y;
        maskPreview.center = center;
    }
}

另一种方法是使用 UIPanGestureRecognizer。我把它留给读者作为练习。