iOS仿小紅書呼吸燈動畫(核心動畫和定時器)兩種方式實現(xiàn)_第1頁
iOS仿小紅書呼吸燈動畫(核心動畫和定時器)兩種方式實現(xiàn)_第2頁
iOS仿小紅書呼吸燈動畫(核心動畫和定時器)兩種方式實現(xiàn)_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

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

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

第一種方式使用定時器加UIView動畫,核心方法如下

-(void)begigFlashAnimation{

//縮放+透明度動畫

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];

}

第二種方式使用核心動畫的動畫組,核心方法如下

-(CAAnimationGroup*)groups{

if(!_groups){

//縮放動畫

CABasicAnimation*scaleAnim=[CABasicAnimationanimation];

scaleAnim.keyPath=@transform.scale

scaleAnim.fromValue=@0.1;

scaleAnim.toValue=@1;

scaleAnim.duration=2;

//透明度動畫

CABasicAnimation*opacityAnim=[CABasicAnimationanimationWithKeyPath:@opacity

opacityAnim.fromValue=@1;

opacityAnim.toValue=@0.1;

opacityAnim.duration=2;

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

_groups=[CAAnimationGroupanimation];

_groups.animations=@[scaleAnim,opacityAnim];

_groups.removedOnCompletion=NO;

_groups.fillMode=kCAFillModeForwards;

_groups.duration=2;

_groups.repeatCount=FLT_MAX;

return_groups;

對比兩種方法,第一種方法需要使用定時器,第二個則不需要,不知道這樣是否第二個性能性對來說會好點呢

github項目地址

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論