关闭 ViewController 时保持动画播放？

Question

我有一个CAKeyframeAnimation，我想在我从屏幕左侧滑动手指时继续播放它（iOS 7 中的向后滑动手势）。目前，当我向后滑动时，它会跳到它的 startPosition 并保持静止，并且看起来相当草率。

ViewController 是我从另一个ViewController 推送的detailViewController。当然，我不希望在后台关闭detailViewController 后播放动画。就在被解雇的时候。

这是我的动画：

CGPoint startPoint = (CGPoint){160.f, 160.f};
CGPoint endPoint = (CGPoint){160.f, 15.f};

CGMutablePathRef thePath = CGPathCreateMutable();
CGPathMoveToPoint(thePath, NULL, startPoint.x, startPoint.y);
CGPathAddLineToPoint(thePath, NULL, endPoint.x, endPoint.y);

CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
animation.duration = 20.f;
animation.path = thePath;
animation.autoreverses = YES;
animation.repeatCount = INFINITY;
[self.myButton.layer addAnimation:animation forKey:@"position"];

任何帮助将不胜感激，谢谢！

使用模式详细信息进行编辑：我在 TableView 顶部有一个 UIView（顺便说一下，我没有使用 Storyboard）。在这个 UIView 里面是一个可以上下移动的 UIButton。因此，UIView 充当了查看 UIButton 上下移动的一种“窗口”。当我向后滑动时，并且 detailViewController 向右移动时，我希望 UIButton 继续按原样制作动画。 （在 tableView 之上，我的意思是它位于 tableView 之上。它不是分层的）。

Answer 1

CAAnimations 仅更新按钮的表示层，而不是实际位置。在导航控制器的弹出过渡期间，我不知道有什么方法可以要求他们继续。

相反，我会使用NSTimer 或CADisplayLink 为实际按钮位置设置动画。一个简单的例子：

// in MyViewController.m

static CGFloat kButtonSpeed = 0.2f;
static CGFloat kButtonMinY = 15.f;
static CGFloat kButtonMaxY = 160.f;

- (void)initiateButtonAnimation
{
    if (_displayLink) {
        return;
    }

    _displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(moveButton)];
    [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)moveButton
{
    if (_frameTimestamp == 0) {
        _frameTimestamp = [_displayLink timestamp];
        return;
    }

    if (!_renderFrame) {
        _renderFrame = !_renderFrame;
        return;
    }

    double currentTime = [_displayLink timestamp];
    double renderTime = currentTime - _frameTimestamp;
    _frameTimestamp = currentTime;
    CGFloat amount = renderTime * 60.f * kButtonSpeed;

    CGFloat y = self.myButton.center.y;

    if (!_moveButtonDown && y > kButtonMinY) {
        y = y - amount;
    }
    else if (_moveButtonDown && y < kButtonMaxY)
        y = y + amount;
    else
        _moveButtonDown = !_moveButtonDown;

    self.myButton.center = CGPointMake(self.myButton.center.x, y);
}

- (void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];

    // don't forget to invalidate & release
    [_displayLink invalidate];
    _displayLink = nil;
}

Answer 2

UIButton* button = [[UIButton alloc]initWithFrame:CGRectMake(160, 0, 320, 540)];
[UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionAllowUserInteraction animations:^{
    button.frame = CGRectMake(160, 10, 320, 540);
} completion:^(BOOL finished) {
    // nothing to see here
}];

这可能是完成动画的最简单方法。您可能不得不摆弄不同的动画选项，但这是您想要的要点。