核心动画速度答案

【问题标题】：Core Animation speed核心动画速度
【发布时间】：2015-08-12 21:47:03
【问题描述】：

我想创建类似于在 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 执行核心动画，以便在动画向后滚动时，所有层/视图都在屏幕上保持可见？

提前致谢

【问题讨论】：

有什么问题？
@Caleb 我编辑了我的帖子。

标签： ios objective-c xcode core-animation

【解决方案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];

【讨论】：