iPhone-沿触摸和拖动路径移动对象

Question

我正在开发一个简单的动画，其中UIImageView沿着UIBezierPath移动，现在我想向移动的UIImageView提供用户交互，以便用户可以通过触摸UIImageView并在屏幕上拖动UIImageview来引导UIImageView 。

Answer 1

在touchesMoved：withEvent：中更改图像视图位置的框架。

编辑：一些代码

- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event {
    UITouch *touch = [[event allTouches] anyObject];
    if ([touch.view isEqual: self.view] || touch.view == nil) {
        return;
    }

    lastLocation = [touch locationInView: self.view];
}

- (void)touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event {
    UITouch *touch = [[event allTouches] anyObject];
    if ([touch.view isEqual: self.view]) {
        return;
    }

    CGPoint location = [touch locationInView: self.view];

    CGFloat xDisplacement = location.x - lastLocation.x;
    CGFloat yDisplacement = location.y - lastLocation.y;

    CGRect frame = touch.view.frame;
    frame.origin.x += xDisplacement;
    frame.origin.y += yDisplacement;
    touch.view.frame = frame;
    lastLocation=location;
}

您还应该实现touchesEnded:withEvent:和touchesCanceled:withEvent:

Answer 2

因此，您希望用户能够沿着弯曲路径触摸关键帧动画中间的图像并将其拖动到其他位置吗？ 您想在那时动画发生什么？

您面临多个挑战。

首先是在关键帧动画处于“飞行中”状态时检测对象的触摸。

为此，您想使用父视图层的表示层的hitTest方法。

图层的表示层表示任何给定瞬间（包括动画）的状态。

一旦检测到视图上的触摸，您将需要从表示层获取图像的当前位置，停止动画，并使用基于touchesMoved / touchesDragged的动画来接管。

我编写了一个演示应用程序，该应用程序显示了如何检测沿路径进行动画处理的对象的触摸。 那将是一个很好的起点。

在这里看看：

核心动画演示，包括在动画“飞行中”时检测视图上的触摸。

Answer 3

最简单的方法是将UIImageView子类化。

对于简单的拖动，请看下面的代码（从用户MHC借来的代码）：

UIView拖动（图像和文本）

由于要沿贝塞尔曲线路径拖动，因此必须修改touchesMoved:

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

        UITouch *aTouch = [touches anyObject];

        //here you have location of user's finger
        CGPoint location = [aTouch locationInView:self.superview];

        [UIView beginAnimations:@"Dragging A DraggableView" context:nil];

        //commented code would simply move the view to that point  
        //self.frame = CGRectMake(location.x-offset.x,location.y-offset.y,self.frame.size.width, self.frame.size.height);

        //you need some kind of a function
        CGPoint calculatedPosition = [self calculatePositonForPoint: location];

        self.frame = CGRectMake(calculatedPosition.x,calculatedPosition.y,self.frame.size.width, self.frame.size.height);

        [UIView commitAnimations];
    }

您要在-(CGPoint) calculatePositionForPoint:(CGPoint)location完全由您决定。 例如，您可以计算Bezier路径中最接近location 。 对于简单的测试，您可以执行以下操作：

-(CGPoint) calculatePositionForPoint:(CGPoint)location {

    return location;
}

在此过程中，您将必须决定如果用户想知道远离您预先计算的Bezier路径会发生什么。