iOS仿小紅書(shū)呼吸燈動(dòng)畫(huà)(核心動(dòng)畫(huà)和定時(shí)器)兩種方式實(shí)現(xiàn)
更新時(shí)間：2017年04月13日 11:36:48 作者：Caiflower
本篇文章主要介紹了iOS仿小紅書(shū)呼吸燈動(dòng)畫(huà)(核心動(dòng)畫(huà)和定時(shí)器)兩種方式實(shí)現(xiàn)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
最近公司需求做個(gè)類似小紅書(shū)的標(biāo)簽呼吸燈動(dòng)畫(huà),經(jīng)過(guò)一段時(shí)間研究使用兩種方式實(shí)現(xiàn)了該效果...
第一種方式使用定時(shí)器加 UIView動(dòng)畫(huà),核心方法如下
-(void)begigFlashAnimation {
// 縮放 + 透明度動(dòng)畫(huà)
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)畫(huà)的動(dòng)畫(huà)組,核心方法如下
- (CAAnimationGroup *)groups {
if (!_groups) {
// 縮放動(dòng)畫(huà)
CABasicAnimation * scaleAnim = [CABasicAnimation animation];
scaleAnim.keyPath = @"transform.scale";
scaleAnim.fromValue = @0.1;
scaleAnim.toValue = @1;
scaleAnim.duration = 2;
// 透明度動(dòng)畫(huà)
CABasicAnimation *opacityAnim=[CABasicAnimation animationWithKeyPath:@"opacity"];
opacityAnim.fromValue= @1;
opacityAnim.toValue= @0.1;
opacityAnim.duration= 2;
// 創(chuàng)建動(dòng)畫(huà)組
_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ì)來(lái)說(shuō)會(huì)好點(diǎn)呢?
github項(xiàng)目地址:https://github.com/Caiflower/XXTwinkleView.git
demo下載:XXTwinkleView_jb51.rar
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS11.3以下modal中input光標(biāo)錯(cuò)位的解決方法
這篇文章主要介紹了iOS11.3以下modal中input光標(biāo)錯(cuò)位的解決方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了詳解iOS中跨頁(yè)面狀態(tài)同步方案比較，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
本文主要介紹IOS 共享文件,在這里給大家展示實(shí)例代碼供大家參考,希望能幫助開(kāi)發(fā)IOS的同學(xué)2016-07-07
iOS中navigationController 去掉背景圖片、去掉底部線條的核心代碼
本文給大家?guī)?lái)了iOS中navigationController 去掉背景圖片、去掉底部線條的核心代碼，有需要的朋友可以參考下2016-08-08
Objective-C實(shí)現(xiàn)無(wú)限循環(huán)輪播器
這篇文章主要介紹了Objective-C實(shí)現(xiàn)無(wú)限循環(huán)輪播器的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
iOS開(kāi)發(fā)之tableView點(diǎn)擊下拉擴(kuò)展與內(nèi)嵌collectionView上傳圖片效果
這篇文章主要介紹了iOS開(kāi)發(fā)之tableView點(diǎn)擊下拉擴(kuò)展與內(nèi)嵌collectionView上傳圖片效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
iOS UIBezierPath實(shí)現(xiàn)餅狀圖
這篇文章主要為大家詳細(xì)介紹了iOS UIBezierPath實(shí)現(xiàn)餅狀圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
iOS使用AFN進(jìn)行單圖和多圖上傳的實(shí)例代碼
本篇文章中主要介紹了iOS使用AFN進(jìn)行單圖和多圖上傳的實(shí)例代碼，整理出單張和多張圖片上傳的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-04-04
WebRTC，源自網(wǎng)頁(yè)實(shí)時(shí)通信（Web Real-Time Communication）縮寫(xiě)，它是支持網(wǎng)頁(yè)瀏覽器進(jìn)行實(shí)時(shí)語(yǔ)音對(duì)話或視頻對(duì)話的技術(shù)。它為我們提供了視頻會(huì)議的核心技術(shù)，包括音視頻的采集、編解碼、網(wǎng)絡(luò)傳輸、顯示等功能，并且還支持跨平臺(tái)：windows，linux，mac，android，ios。2021-06-06
在我們大家日常開(kāi)發(fā)的時(shí)候，經(jīng)常會(huì)需要對(duì)注冊(cè)，登錄，忘記密碼等功能的密碼進(jìn)行判斷是否包含空格，下面這篇文章給大家分享了自己封裝的一個(gè)方法，有需要的可以參考借鑒。2016-09-09