经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » iOS » 查看文章
iOS实现数字倍数动画效果
来源:jb51  时间:2019/3/1 8:59:51  对本文有异议

前言

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

效果图:

实现思路

上代码 看比较清晰

  1. // 数字跳动动画
  2. - (void)labelDanceAnimation:(NSTimeInterval)duration {
  3. //透明度
  4. CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
  5. opacityAnimation.duration = 0.4 * duration;
  6. opacityAnimation.fromValue = @0.f;
  7. opacityAnimation.toValue = @1.f;
  8.  
  9. //缩放
  10. CAKeyframeAnimation *scaleAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
  11. scaleAnimation.duration = duration;
  12. scaleAnimation.values = @[@3.f, @1.f, @1.2f, @1.f];
  13. scaleAnimation.keyTimes = @[@0.f, @0.16f, @0.28f, @0.4f];
  14. scaleAnimation.removedOnCompletion = YES;
  15. scaleAnimation.fillMode = kCAFillModeForwards;
  16.  
  17. CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
  18. animationGroup.animations = @[opacityAnimation, scaleAnimation];
  19. animationGroup.duration = duration;
  20. animationGroup.removedOnCompletion = YES;
  21. animationGroup.fillMode = kCAFillModeForwards;
  22.  
  23. [self.comboLabel.layer addAnimation:animationGroup forKey:@"kComboAnimationKey"];
  24. }

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

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

这里设置斜体字体

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

看着比较明显

最后按钮点击的时候调用

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

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

总结

这个动画比较适合 有些直播场景的点击操作计数相关.

好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对w3xue的支持。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号