ios - 核心动画速度

Question

我想创建类似于在 iPhone 菜单中滑动的动画。这意味着，如果您滑动足够多，动画会将您带到新页面，但如果您滑动一小段动画，则会在完成滑动手势后将您带回起始页面。

到目前为止，我已经有了滑动识别器，它可以监听手指在屏幕上的位置并跟随手指的移动。动画会查看手势的结束是否手指移动超过屏幕宽度的 1/3，并决定是继续到结束还是回到开始。

- (void)panGestureHandler:(UIPanGestureRecognizer*)recognizer
{
    if (recognizer.state == UIGestureRecognizerStateEnded)
    {
        //if our gesture was enough to let animation roll to its end
        if (fabsf(translation.x) > CGRectGetWidth(self.view.frame) * 0.33)
        {
            [self finishLayer:categoryControllerMain.view.layer animation:menuOpenSwipeAnimateMoveLeft withForward:NO];
        }
        //finger movement was below .33% of screen width so animate to initial state
        else
        {
            [self finishLayer:categoryControllerMain.view.layer animation:menuOpenSwipeAnimateMoveLeft withForward:NO];

        }
    }
    else if (recognizer.state == UIGestureRecognizerStateChanged)
    {
        //We put layer speed to zero so we can control animation with timeoffset in relation to finger pan movement
        categoryControllerMain.view.layer.speed = 0.0;
        [categoryControllerMain.view.layer addAnimation:menuOpenSwipeAnimateMoveLeft forKey:@"menuOpenMoveLeft"];
        categoryControllerMain.view.layer.timeOffset = fabs(translation.x / CGRectGetWidth(self.view.frame));
    }
}

这是根据手指移动量来告诉动画是向结束还是开始移动的方法。如果我只是轻扫了一下，动画将以 speed = -1; 继续，即它开始倒退，但是当它结束时，或者在这种情况下开始时，所有层都会消失。 presentationLayer 不是这种情况，因为当动画结束时，所有层都应该在那个确切的点，因为那是它们的初始点。相反，所有图层都消失了，当我再次尝试滑动时，它们出现在正确的位置。

- (void)finishLayer:(CALayer*)layer animation:(CAKeyframeAnimation*)animation withForward:(BOOL)shouldGoForward
{

    pan.enabled = NO;
    if (shouldGoForward)
    {
        //animation continues
        CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
        layer.timeOffset = 0.0;
        layer.beginTime = 0.0;
        CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
        layer.beginTime = timeSincePause;
        layer.speed = 1.0;
    }
    else
    {
        //we want to take it back. This is where strange things happen. Perhaps timeoffset is not right
        layer.timeOffset = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
        layer.beginTime = CACurrentMediaTime();
        layer.speed = -1;
    }
}

最后的考虑:如果我的动画是线性的，那么我可以从头开始为每个动画创建另一个动画，计算从哪里开始并使其显示为一个动画。但是我的动画有 CAMediaTimingFunction，这不允许我计算相反动画中的精确位置。

编辑

问题如下:如何使用 speed = -1 执行核心动画，以便当动画向后滚动时，所有层/ View 在屏幕上保持可见？

提前致谢

Answer 1

好吧，如果有人需要解决类似的问题，这是交易。

您不应该使用相同的动画对象。正确答案是设置 speed = -1.0，但不是在您之前使用的那个动画上。相反，创建具有所有相同值的新动画，除了 speed 应设置为 -1。在这种情况下，您将拥有一个全新的动画，它不会因 speed 的变化而出现问题。

唯一需要注意的是设置 repeatDuration。您设置了 timeOffset 属性，但如果将持续时间保留为与原始动画相同的值，它将结束并重新开始。因此，缩短其长度的方法是将 repeatDuration 的值设置为与 timeOffset 精确的值。所以现在它停在原始动画的最后一帧，一切都按预期进行。

如前所述，使用相同的动画不是一种选择，因为当动画到达结束(或者我们可能会说开始)时，层将会消失。

好的，这里是按照初始动画的相同属性将您带回初始状态的代码。

CGFloat elapsedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
layer.speed = 1;

CAKeyframeAnimation* animationBackwards = [animation copy];
animationBackwards.speed = -1.0;
animationBackwards.timeOffset = elapsedTime;
animationBackwards.repeatDuration = elapsedTime;
[layer removeAnimationForKey:animationName];
[layer addAnimation:animationBackwards forKey:animationName];