前言 一个简单的利用 透明度和 缩放 实现的 数字倍数动画 效果图: 实现思路 上代码 看比较清晰 // 数字跳动动画 - (void)labelDanceAnimatio
前言
一个简单的利用 透明度和 缩放 实现的 数字倍数动画
效果图:
实现思路
上代码 看比较清晰
// 数字跳动动画
- (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 求模就行了.
总结
这个动画比较适合 有些直播场景的点击操作计数相关.
好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程网的支持。
--结束END--
本文标题: iOS实现数字倍数动画效果
本文链接: https://www.lsjlt.com/news/30285.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0