iOS仿小红书呼吸灯动画(核心动画和定时器)两种方式实现

2025-05-29 0 55

最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果…

iOS仿小红书呼吸灯动画(核心动画和定时器)两种方式实现

第一种方式使用定时器加 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。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 iOS仿小红书呼吸灯动画(核心动画和定时器)两种方式实现 https://www.kuaiidc.com/90881.html

相关文章

发表评论
暂无评论