最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果…
第一种方式使用定时器加 uiview动画,核心方法如下
?
1
2
3
4
5
6
7
8
9
10
11
12
13
|
-( void )begigflashanimation {
// 缩放 + 透明度动画
self.flashview.transform = cgaffinetransformmakescale(0.1, 0.1);
[uiview animatewithduration:3 animations:^{
self.flashview.transform = cgaffinetransformmakescale(1,1);
self.flashview.alpha = 1.0;
[uiview beginanimations:@ "flash" context:nil];
[uiview setanimationduration:2];
[uiview setanimationcurve:uiviewanimationcurvelinear];
self.flashview.alpha = 0;
[uiview commitanimations];
}];
}
|
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
- (caanimationgroup *)groups {
if (!_groups) {
// 缩放动画
cabasicanimation * scaleanim = [cabasicanimation animation];
scaleanim.keypath = @ "transform.scale" ;
scaleanim.fromvalue = @0.1;
scaleanim.tovalue = @1;
scaleanim.duration = 2;
// 透明度动画
cabasicanimation *opacityanim=[cabasicanimation animationwithkeypath:@ "opacity" ];
opacityanim.fromvalue= @1;
opacityanim.tovalue= @0.1;
opacityanim.duration= 2;
// 创建动画组
_groups =[caanimationgroup animation];
_groups.animations = @[scaleanim,opacityanim];
_groups.removedoncompletion = no;
_groups.fillmode = kcafillmodeforwards;
_groups.duration = 2;
_groups.repeatcount = flt_max;
}
return _groups;
}
|
对比两种方法,第一种方法需要使用定时器,第二个则不需要,不知道这样是否第二个性能性对来说会好点呢?
github项目地址:https://github.com/caiflower/xxtwinkleview.git
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持快网idc。
相关文章
猜你喜欢
- 64M VPS建站:是否适合初学者操作和管理? 2025-06-10
- ASP.NET自助建站系统中的用户注册和登录功能定制方法 2025-06-10
- ASP.NET自助建站系统的域名绑定与解析教程 2025-06-10
- 个人服务器网站搭建:如何选择合适的服务器提供商? 2025-06-10
- ASP.NET自助建站系统中如何实现多语言支持? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-29 62
-
2025-05-29 39
-
2025-05-25 15
-
2025-05-25 62
-
2025-05-29 46
热门评论