iOS仿小紅書呼吸燈動畫(核心動畫和定時器)兩種方式實(shí)現(xiàn)
最近公司需求做個類似小紅書的標(biāo)簽呼吸燈動畫,經(jīng)過一段時間研究使用兩種方式實(shí)現(xiàn)了該效果...
第一種方式使用定時器加 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; // 創(chuàng)建動畫組 _groups =[CAAnimationGroup animation]; _groups.animations = @[scaleAnim,opacityAnim]; _groups.removedOnCompletion = NO; _groups.fillMode = kCAFillModeForwards; _groups.duration = 2; _groups.repeatCount = FLT_MAX; } return _groups; }
對比兩種方法,第一種方法需要使用定時器,第二個則不需要,不知道這樣是否第二個性能性對來說會好點(diǎn)呢?
github項(xiàng)目地址:https://github.com/Caiflower/XXTwinkleView.git
demo下載:XXTwinkleView_jb51.rar
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
iOS11.3以下modal中input光標(biāo)錯位的解決方法
這篇文章主要介紹了iOS11.3以下modal中input光標(biāo)錯位的解決方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-12-12iOS中navigationController 去掉背景圖片、去掉底部線條的核心代碼
本文給大家?guī)砹薸OS中navigationController 去掉背景圖片、去掉底部線條的核心代碼,有需要的朋友可以參考下2016-08-08Objective-C實(shí)現(xiàn)無限循環(huán)輪播器
這篇文章主要介紹了Objective-C實(shí)現(xiàn)無限循環(huán)輪播器的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-05-05iOS開發(fā)之tableView點(diǎn)擊下拉擴(kuò)展與內(nèi)嵌collectionView上傳圖片效果
這篇文章主要介紹了iOS開發(fā)之tableView點(diǎn)擊下拉擴(kuò)展與內(nèi)嵌collectionView上傳圖片效果的相關(guān)資料,需要的朋友可以參考下2016-04-04iOS UIBezierPath實(shí)現(xiàn)餅狀圖
這篇文章主要為大家詳細(xì)介紹了iOS UIBezierPath實(shí)現(xiàn)餅狀圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-03-03iOS使用AFN進(jìn)行單圖和多圖上傳的實(shí)例代碼
本篇文章中主要介紹了iOS使用AFN進(jìn)行單圖和多圖上傳的實(shí)例代碼,整理出單張和多張圖片上傳的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-04-04