iOS仿小紅書呼吸燈動(dòng)畫(核心動(dòng)畫和定時(shí)器)兩種方式實(shí)現(xiàn)
更新時(shí)間：2017年04月13日 11:36:48 作者：Caiflower
本篇文章主要介紹了iOS仿小紅書呼吸燈動(dòng)畫(核心動(dòng)畫和定時(shí)器)兩種方式實(shí)現(xiàn)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
最近公司需求做個(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);
[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];
}];
}
第二種方式使用核心動(dòng)畫的動(dòng)畫組,核心方法如下
- (CAAnimationGroup *)groups {
if (!_groups) {
// 縮放動(dòng)畫
CABasicAnimation * scaleAnim = [CABasicAnimation animation];
scaleAnim.keyPath = @"transform.scale";
scaleAnim.fromValue = @0.1;
scaleAnim.toValue = @1;
scaleAnim.duration = 2;
// 透明度動(dòng)畫
CABasicAnimation *opacityAnim=[CABasicAnimation animationWithKeyPath:@"opacity"];
opacityAnim.fromValue= @1;
opacityAnim.toValue= @0.1;
opacityAnim.duration= 2;
// 創(chuàng)建動(dòng)畫組
_groups =[CAAnimationGroup animation];
_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)目地址:https://github.com/Caiflower/XXTwinkleView.git
demo下載:XXTwinkleView_jb51.rar
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS實(shí)現(xiàn)封裝一個(gè)獲取通訊錄的工具類詳解
這篇文章主要給大家介紹了關(guān)于iOS如何實(shí)現(xiàn)封裝一個(gè)獲取通訊錄的工具類的相關(guān)資料，這是自己平時(shí)封裝的一個(gè)工具類，使用非常方便，文中給出了詳細(xì)的示例代碼，需要的朋友們可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10
詳解iOS 關(guān)于字體根據(jù)不同屏幕尺寸等比適配的問題
這篇文章主要介紹了詳解iOS 關(guān)于字體根據(jù)不同屏幕尺寸等比適配的問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
隨著騰訊QQ的普及，現(xiàn)在越來越多的社交類APP在顯示頭像的時(shí)候，都選擇了圓形頭像，本文將更進(jìn)一步的介紹如何實(shí)現(xiàn)帶文字的圓形頭像效果，效果非常不錯(cuò)，感興趣的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
經(jīng)?？吹礁鞣N高效裁剪圓角的文章，正好之前做過一點(diǎn)數(shù)字圖像處理，所以寫個(gè)裁剪圓角的算法，下面這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)高效裁剪圖片圓角算法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2018-06-06
iOS定時(shí)器的選擇CADisplayLink NSTimer和GCD使用
這篇文章主要為大家介紹了iOS定時(shí)器的選擇CADisplayLink NSTimer和GCD使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
iOS頁(yè)面跳轉(zhuǎn)及數(shù)據(jù)傳遞（三種）
本文主要介紹了iOS頁(yè)面跳轉(zhuǎn)的三種方法及數(shù)據(jù)傳遞的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要為大家介紹了詳解Objective C 中Block如何捕獲外部值實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)研究了iOS10 推送的最新特性，推送內(nèi)容更加豐富，感興趣的小伙伴們可以參考一下2016-09-09
iOS實(shí)現(xiàn)兩個(gè)控制器之間數(shù)據(jù)的雙向傳遞
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)兩個(gè)控制器之間數(shù)據(jù)的雙向傳遞的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-05-05
iOS實(shí)現(xiàn)調(diào)用QQ客戶端發(fā)起臨時(shí)會(huì)話
本篇文章主要給大家詳細(xì)分析了用IOS實(shí)現(xiàn)調(diào)用QQ客戶端發(fā)起臨時(shí)會(huì)話的功能，對(duì)此有需要的朋友收藏分享下。2018-02-02