iOS实现数字倍数动画效果

在iOS开发中,制作动画效果是最让开发者享受的环节之一，下面这篇文章主要给大家介绍了关于iOS实现数字倍数动画效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友

前言

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

效果图：

iOS实现数字倍数动画效果

实现思路

上代码看比较清晰

				?

									// 数字跳动动画

									- (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];

									}