CAKeyframeAnimation 没有按预期改变位置

问题描述

我想向我的 UIView 层添加一个入口动画，该动画左移 + 淡入并在最后轻微反弹。我为 animation.values 分配了一个值数组，但是当动画运行时，它似乎总是跳过第三个值。

它表现为先左移再右移，而不是反弹效果所需的左移、右移、左移。

这是目前的代码：

 CAKeyframeAnimation *leftShift = [CAKeyframeAnimation animationWithKeyPath:@"position.x"];
leftShift.duration = 0.5;
NSArray *viewPositionValues = @[
    @(myView.layer.position.x),@(myView.layer.position.x - 22),@(myView.layer.position.x - 18),@(myView.layer.position.x - 20)
];
leftShift.values = viewPositionValues;
leftShift.keyTimes = @[ @0,@.5,@.75,@1];
myView.center = CGPointMake(myView.layer.position.x - 20,myView.layer.position.y);

CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
opacityAnimation.fromValue = @0;
myView.layer.opacity = 1;
opacityAnimation.duration = 0.25;

CAAnimationGroup *entranceAnimation = [CAAnimationGroup new];
entranceAnimation.animations = @[ leftShift,opacityAnimation ];
entranceAnimation.timingFunction = [camediatimingFunction functionWithName:kcamediatimingFunctionLinear];
entranceAnimation.fillMode = kCAFillModeForwards;
[CATransaction begin];
[CATransaction setCompletionBlock:completion];
[myView.layer addAnimation:entranceAnimation forKey:kSpeedMenuEntranceAnimationKey];
_speedMenuView.hidden = NO;
[CATransaction commit];

**编辑：有趣的是，为 leftShift.keyTimes 中指定的时间戳之间的每个转换添加计时函数解决了这个问题。

解决方法

问题是你没有给你的动画组一个持续时间。因此，它具有默认的 0.25 秒持续时间，这不足以让 0.5 的关键帧动画持续时间完整播放。

所以给动画组足够长的持续时间将解决看不到整个关键帧动画的问题。另一方面，我建议您采用完全不同的方式进行处理，并使用 UIKit 动态或弹跳动画来实现标准的反弹效果，而不是尝试从头开始“构建”反弹。