iOS仿小红书呼吸灯动画(核心动画和定时器)两种方式实现
程序员文章站
2024-02-13 19:38:04
最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果...
第一种方式使用定时器加 uiview动画,核心方法如下
-(...
最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果...
第一种方式使用定时器加 uiview动画,核心方法如下
-(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]; }]; }
第二种方式使用核心动画的动画组,核心方法如下
- (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
demo下载:xxtwinkleview_jb51.rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。