微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CAKeyframeAnimation 没有按预期改变位置

如何解决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 动态或弹跳动画来实现标准的反弹效果,而不是尝试从头开始“构建”反弹。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。