核心动画速度

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;
    }
}

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

编辑

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

提前致谢

Answer 1

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

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

的更改而出现问题。

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

如前所述，使用相同的动画不是一种选择，因为当动画结束（或者我们可以说开始）时，layer 会消失。

对了，下面是让您回到初始状态的代码，它具有与初始动画相同的属性。

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];

核心动画速度

Core Animation speed

xcode

core-animation

objective-c

ios