iOS仿小紅書呼吸燈動(dòng)畫(核心動(dòng)畫和定時(shí)器)兩種方式實(shí)現(xiàn)

第iOS仿小紅書呼吸燈動(dòng)畫(核心動(dòng)畫和定時(shí)器)兩種方式實(shí)現(xiàn)

最近公司需求做個(gè)類似小紅書的標(biāo)簽呼吸燈動(dòng)畫,經(jīng)過一段時(shí)間研究使用兩種方式實(shí)現(xiàn)了該效果...

第一種方式使用定時(shí)器加UIView動(dòng)畫,核心方法如下

-(void)begigFlashAnimation{

//縮放+透明度動(dòng)畫

self.flashView.transform=CGAffineTransformMakeScale(0.1,0.1);

[UIViewanimateWithDuration:3animations:^{

self.flashView.transform=CGAffineTransformMakeScale(1,1);

self.flashView.alpha=1.0;

[UIViewbeginAnimations:@flashcontext:nil];

[UIViewsetAnimationDuration:2];

[UIViewsetAnimationCurve:UIViewAnimationCurveLinear];

self.flashView.alpha=0;

[UIViewcommitAnimations];

}

第二種方式使用核心動(dòng)畫的動(dòng)畫組,核心方法如下

-(CAAnimationGroup*)groups{

if(!_groups){

//縮放動(dòng)畫

CABasicAnimation*scaleAnim=[CABasicAnimationanimation];

scaleAnim.keyPath=@transform.scale

scaleAnim.fromValue=@0.1;

scaleAnim.toValue=@1;

scaleAnim.duration=2;

//透明度動(dòng)畫

CABasicAnimation*opacityAnim=[CABasicAnimationanimationWithKeyPath:@opacity

opacityAnim.fromValue=@1;

opacityAnim.toValue=@0.1;

opacityAnim.duration=2;

//創(chuàng)建動(dòng)畫組

_groups=[CAAnimationGroupanimation];

_groups.animations=@[scaleAnim,opacityAnim];

_groups.removedOnCompletion=NO;

_groups.fillMode=kCAFillModeForwards;

_groups.duration=2;

_groups.repeatCount=FLT_MAX;

return_groups;

對(duì)比兩種方法,第一種方法需要使用定時(shí)器,第二個(gè)則不需要,不知道這樣是否第二個(gè)性能性對(duì)來說會(huì)好點(diǎn)呢

github項(xiàng)目地址