iOS实现数字倍数动画效果

iOS实现数字倍数动画效果,第1张

概述iOS实现数字倍数动画效果 前言 一个简单的利用 透明度和 缩放 实现的 数字倍数动画 效果图: 实现思路 上代码 看比较清晰 // 数字跳动动画 - (void)labelDanceAnimation:(NSTimeInterval)duration { //透明度 CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"]; opacityAnimation.duration = 0. ...

前言

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

效果图:

实现思路

上代码 看比较清晰

// 数字跳动动画- (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://outofmemory.cn/web/1109952.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存