iOS如何实现数字倍数动画效果

小编给大家分享一下iOS如何实现数字倍数动画效果，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联公司是少有的成都网站建设、成都网站制作、营销型企业网站、小程序定制开发、手机APP,开发、制作、设计、友情链接、推广优化一站式服务网络公司,自2013年起,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评

前言

一个简单的利用 透明度和 缩放 实现的 数字倍数动画

效果图：

实现思路

上代码 看比较清晰

// 数字跳动动画
- (void)labelDanceAnimation:(NSTimeInterval)duration {
 //透明度
 CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
 opacityAnimation.duration = 0.4 * duration;
 opacityAnimation.fromValue = @0.f;
 opacityAnimation.toValue = @1.f;

 //缩放
 CAKeyframeAnimation *scaleAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
 scaleAnimation.duration = duration;
 scaleAnimation.values = @[@3.f, @1.f, @1.2f, @1.f];
 scaleAnimation.keyTimes = @[@0.f, @0.16f, @0.28f, @0.4f];
 scaleAnimation.removedOnCompletion = YES;
 scaleAnimation.fillMode = kCAFillModeForwards;

 CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
 animationGroup.animations = @[opacityAnimation, scaleAnimation];
 animationGroup.duration = duration;
 animationGroup.removedOnCompletion = YES;
 animationGroup.fillMode = kCAFillModeForwards;

 [self.comboLabel.layer addAnimation:animationGroup forKey:@"kComboAnimationKey"];
}

利用一个透明度从 0 ~ 1之间的alpha,然后缩放 之后加到动画组实现一下就好了

切记动画完成最好移除 否则可能引起动画内存问题

这里设置斜体字体

self.comboLabel.font = [UIFont fontWithName:@"AvenirNext-BoldItalic" size:50];

看着比较明显

最后按钮点击的时候调用

- (IBAction)clickAction:(UIButton *)sender {
 self.danceCount++;
 [self labelDanceAnimation:0.4];
 self.comboLabel.text = [NSString stringWithFormat:@"+ %tu",self.danceCount];
}

如果实现 dozen动画的话很简单, danceCount % 10 == 0 求模就行了.

以上是“iOS如何实现数字倍数动画效果”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

文章标题：iOS如何实现数字倍数动画效果
标题来源：https://www.cdcxhl.com/article48/jgspep.html

成都网站建设公司_创新互联，为您提供网站策划、品牌网站建设、外贸建站、建站公司、小程序开发、全网营销推广

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联