iOS仿小紅書呼吸燈動畫(核心動畫和定時器)兩種方式實現(xiàn)
最近公司需求做個類似小紅書的標簽呼吸燈動畫,經(jīng)過一段時間研究使用兩種方式實現(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;
}
對比兩種方法,第一種方法需要使用定時器,第二個則不需要,不知道這樣是否第二個性能性對來說會好點呢?
github項目地址:https://github.com/Caiflower/XXTwinkleView.git
demo下載:XXTwinkleView_jb51.rar
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解iOS 關(guān)于字體根據(jù)不同屏幕尺寸等比適配的問題
這篇文章主要介紹了詳解iOS 關(guān)于字體根據(jù)不同屏幕尺寸等比適配的問題,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
iOS定時器的選擇CADisplayLink NSTimer和GCD使用
這篇文章主要為大家介紹了iOS定時器的選擇CADisplayLink NSTimer和GCD使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03
iOS頁面跳轉(zhuǎn)及數(shù)據(jù)傳遞(三種)
本文主要介紹了iOS頁面跳轉(zhuǎn)的三種方法及數(shù)據(jù)傳遞的方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
iOS實現(xiàn)兩個控制器之間數(shù)據(jù)的雙向傳遞
這篇文章主要為大家詳細介紹了iOS實現(xiàn)兩個控制器之間數(shù)據(jù)的雙向傳遞的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-05-05
iOS實現(xiàn)調(diào)用QQ客戶端發(fā)起臨時會話
本篇文章主要給大家詳細分析了用IOS實現(xiàn)調(diào)用QQ客戶端發(fā)起臨時會話的功能,對此有需要的朋友收藏分享下。2018-02-02

