基于 UIPanGestureRecognizer 速度的 UIView 动画

Question

我希望能够在屏幕上移动子视图，就像在 iPhone 内置的照片应用程序中的图像之间浏览一样，因此，如果当我放开手指时，子视图距离屏幕超过 1/2，则它必须离屏动画，但它还必须支持滑动，因此如果滑动/平移速度足够高，它必须离屏动画，即使距离屏幕可能小于 1/2。

我的想法是使用 UIPanGestureRecognizer，然后测试速度。这是可行的，但是如何根据视图的当前位置和平移速度为 UIView 的移动设置正确的动画持续时间，使其看起来平滑？如果我设置一个固定值，与我的手指滑动速度相比，动画要么开始变慢，要么变快。

Answer 1

文档说

平移手势的速度，以每秒点数表示。速度分为水平分量和垂直分量。

所以我想说，假设您想要移动视图 xPoints（以 pt 为单位）以使其离开屏幕，您可以像这样计算该移动的持续时间：

CGFloat xPoints = 320.0;
CGFloat velocityX = [panRecognizer velocityInView:aView].x;
NSTimeInterval duration = xPoints / velocityX;
CGPoint offScreenCenter = moveView.center;
offScreenCenter.x += xPoints;
[UIView animateWithDuration:duration animations:^{
    moveView.center = offScreenCenter;
}];

您可能想要使用+ (void)animateWithDuration:(NSTimeInterval)持续时间延迟:(NSTimeInterval)延迟选项:(UIViewAnimationOptions)选项动画:(void (^)(void))动画完成:(void (^)(BOOL 完成)) 完成 相反，并尝试不同的 UIViewAnimationOptions。

Answer 2

关于依赖 UIPanGestureRecognizer 中速度的观察：我不知道您的经验，但我发现系统在模拟器上生成的速度并不是很有用。 （在设备上没问题，但在模拟器上有问题。）

如果您快速平移并突然停止，等待，然后才结束手势（例如，用户开始滑动，意识到这不是他们想要的，所以他们停止然后松开手指），松开手指时 UIGestureRecognizerStateEnded 状态下 velocityInView: 报告的速度似乎是我停下来之前的最快速度，等待，而本例中的正确速度将为零（或接近零）。简而言之，报告的速度是平移末端之前的速度，而不是平移末端本身的速度。

我最终自己手动计算了速度。 （这似乎很愚蠢，这是必要的，但如果我真的想获得平移的最终速度，我没有看到任何解决办法。）底线，当状态为 UIGestureRecognizerStateChanged 时，我保留跟踪当前和上一个 translationInView CGPoint 以及时间，然后在我处于 UIGestureRecognizerStateEnded 时使用这些值来计算实际的最终值 速度。它运作得很好。

这是我计算速度的代码。我碰巧没有使用速度来计算动画的速度，而是使用它来确定用户是否平移足够远或轻弹足够快，以使视图在屏幕上移动超过一半，从而触发视图之间的动画，但计算最终速度的概念似乎适用于这个问题。这是代码：

- (void)handlePanGesture:(UIPanGestureRecognizer *)gesture
{
    static CGPoint lastTranslate;   // the last value
    static CGPoint prevTranslate;   // the value before that one
    static NSTimeInterval lastTime;
    static NSTimeInterval prevTime;

    CGPoint translate = [gesture translationInView:self.view];

    if (gesture.state == UIGestureRecognizerStateBegan)
    {
        lastTime = [NSDate timeIntervalSinceReferenceDate];
        lastTranslate = translate;
        prevTime = lastTime;
        prevTranslate = lastTranslate;
    }
    else if (gesture.state == UIGestureRecognizerStateChanged)
    {
        prevTime = lastTime;
        prevTranslate = lastTranslate;
        lastTime = [NSDate timeIntervalSinceReferenceDate];
        lastTranslate = translate;

        [self moveSubviewsBy:translate];
    }
    else if (gesture.state == UIGestureRecognizerStateEnded)
    {
        CGPoint swipeVelocity = CGPointZero;

        NSTimeInterval seconds = [NSDate timeIntervalSinceReferenceDate] - prevTime;
        if (seconds)
        {
            swipeVelocity = CGPointMake((translate.x - prevTranslate.x) / seconds, (translate.y - prevTranslate.y) / seconds);
        }

        float inertiaSeconds = 1.0;  // let's calculate where that flick would take us this far in the future
        CGPoint final = CGPointMake(translate.x + swipeVelocity.x * inertiaSeconds, translate.y + swipeVelocity.y * inertiaSeconds);

        [self animateSubviewsUsing:final];
    }
}

Answer 3

在大多数情况下，为 UIView 动画器设置 UIViewAnimationOptionBeginFromCurrentState 选项足以制作完美的连续动画。