iOS实现数字倍数动画效果

Vida ·

更新时间:2024-11-14

· 929 次阅读

前言

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

效果图：

实现思路

上代码看比较清晰


// 数字跳动动画
- (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实现滚动字幕的动画特效IOS绘制动画颜色渐变折线条IOS 圆球沿着椭圆轨迹做动画iOS渐变圆环旋转动画CAShapeLayer CAGradientLayeriOS 进度条、加载、安装动画的简单实现iOS 实现简单的加载等待动画示例（思路与实现）iOS 水波纹动画的实现效果IOS 实现3D 浮动效果动画

动画 IOS

1024 个赞