快捷導(dǎo)航

iOS實(shí)現(xiàn)百度外賣(mài)頭像波浪的效果

更新時(shí)間：2016年08月28日 09:47:50 投稿：daisy

對(duì)于現(xiàn)在很多人來(lái)說(shuō),叫外賣(mài)就成了不可或缺的習(xí)慣。某日瞬間發(fā)現(xiàn)百度外賣(mài)的APP波浪效果很是吸引人，相比較其他的外賣(mài)APP，顏值略高些.(淘寶也有波浪的效果)，遂就思考如何實(shí)現(xiàn)這種"浪"的效果，下面來(lái)一起看看。

效果演示

百度外賣(mài) 波浪效果圖:

你需要知道的

CADisplayLink

簡(jiǎn)單的說(shuō)就是一定時(shí)器,其根本利用刷幀和屏幕頻率一樣來(lái)重繪渲染頁(yè)面.

其創(chuàng)建方式:

CADisplayLink *timer = [CADisplayLink displayLinkWithTarget:self selector:@selector(wave)];
[timer addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes];

CAShapeLayer

CALayer的子類(lèi),通常結(jié)合CGPath來(lái)繪制圖形.

其創(chuàng)建方式:

CAShapeLayer *Layer = [CAShapeLayer layer];
Layer.frame = self.bounds;
Layer.fillColor = self.realWaveColor.CGColor;
Layer...等屬性
[self.view.layer addSublayer:Layer];

其優(yōu)點(diǎn)

渲染效率高渲染快速。CAShapeLayer使用了硬件加速，繪制同一圖形會(huì)比用Core Graphics快很多。

高效使用內(nèi)存。一個(gè)CAShapeLayer不需要像普通CALayer一樣創(chuàng)建一個(gè)寄宿圖形，所以無(wú)論有多大，都不會(huì)占用太多的內(nèi)存。

不會(huì)被圖層邊界剪裁掉。一個(gè)CAShapeLayer可以在邊界之外繪制。你的圖層路徑不會(huì)像在使用Core Graphics的普通CALayer一樣被剪裁掉。

不會(huì)出現(xiàn)像素化。當(dāng)你給CAShapeLayer做3D變換時(shí)，它不像一個(gè)有寄宿圖的普通圖層一樣變得像素化。

三角函數(shù)

思路實(shí)現(xiàn)

UIView --> 2個(gè)CAShapeLayer --> imageView.frame.orgin.y調(diào)整

主要代碼實(shí)現(xiàn)

最后效果:

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家開(kāi)發(fā)IOS能有所幫助。如果有疑問(wèn)可以留言討論。

您可能感興趣的文章:

相關(guān)文章

iOS體驗(yàn)性優(yōu)化之RTL適配右滑返回的實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于iOS體驗(yàn)性優(yōu)化之RTL適配右滑返回實(shí)現(xiàn)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
iOS AVPlayer切換播放源實(shí)現(xiàn)連續(xù)播放和全屏切換的方法
這篇文章主要給大家介紹了關(guān)于iOS中AVPlayer切換播放源實(shí)現(xiàn)連續(xù)播放和全屏切換的方法，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2017-05-05
iOS UITextField最大字符數(shù)和字節(jié)數(shù)的限制詳解
在開(kāi)發(fā)中我們經(jīng)常遇到這樣的需求：在UITextField或者UITextView中限制用戶可以輸入的最大字符數(shù)。但在UITextView , UITextfield 中有很多坑，網(wǎng)上的方法也很多。但是并不是很全面吧，這里全面進(jìn)行了總結(jié)，有需要的朋友們可以參考借鑒，下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。
2016-11-11
IOS 九宮格布局實(shí)現(xiàn)方法
這篇文章主要介紹了IOS 九宮格布局實(shí)現(xiàn)方法,及實(shí)例代碼，需要的朋友可以參考下
2016-09-09
IOS實(shí)現(xiàn)簽到特效(散花效果)的實(shí)例代碼
這篇文章主要介紹了IOS實(shí)現(xiàn)簽到特效(散花效果)的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
如何去掉Xcode工程中某種類(lèi)型的警告
這篇文章主要給大家介紹了關(guān)于如何去掉Xcode工程中某種類(lèi)型的警告，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Xcode具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
iOS使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)輪播圖效果
這篇文章主要介紹了iOS使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
講解iOS開(kāi)發(fā)中基本的定位功能實(shí)現(xiàn)
這篇文章主要介紹了講解iOS開(kāi)發(fā)中基本的定位功能實(shí)現(xiàn),示例基于傳統(tǒng)的Objective-C,需要的朋友可以參考下
2015-10-10
IOS Cache設(shè)計(jì)詳細(xì)介紹及簡(jiǎn)單示例
這篇文章主要介紹了IOS Cache設(shè)計(jì)詳細(xì)介紹及簡(jiǎn)單示例的相關(guān)資料,Cache的目的是為了追求更高的速度體驗(yàn)，Cache的源頭是兩種數(shù)據(jù)讀取方式在成本和性能上的差異，需要的朋友可以參考下
2017-01-01
設(shè)計(jì)模式中的迭代器模式在Cocoa Touch框架中的使用
這篇文章主要介紹了設(shè)計(jì)模式中的迭代器模式在Cocoa Touch框架中的使用,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下
2016-03-03