iOS實(shí)現(xiàn)百度外賣頭像波浪的效果
效果演示
百度外賣 波浪效果圖:
你需要知道的
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
的子類,通常結(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)可以留言討論。
- iOS毛玻璃效果的實(shí)現(xiàn)及圖片模糊效果的三種方法
- iOS開(kāi)發(fā)之路--仿網(wǎng)易抽屜效果
- IOS等待時(shí)動(dòng)畫(huà)效果的實(shí)現(xiàn)
- IOS使用UICollectionView實(shí)現(xiàn)無(wú)限輪播效果
- iOS開(kāi)發(fā)中的ViewController轉(zhuǎn)場(chǎng)切換效果實(shí)現(xiàn)簡(jiǎn)介
- IOS實(shí)現(xiàn)圓形圖片效果的兩種方法
- iOS開(kāi)發(fā)中視圖的下拉放大和上拉模糊的效果實(shí)現(xiàn)
- iOS自定義提示彈出框?qū)崿F(xiàn)類似UIAlertView的效果
- iOS實(shí)現(xiàn)波浪效果
相關(guān)文章
iOS使用WebView生成長(zhǎng)截圖的第3種解決方案
這篇文章主要給大家介紹了關(guān)于iOS使用WebView生成長(zhǎng)截圖的第3種解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09使用IOS AirPrint實(shí)現(xiàn)打印功能詳解
這篇文章主要介紹了使用IOS AirPrint實(shí)現(xiàn)打印功能詳解,想了解無(wú)線打印的同學(xué),一定要看一下2021-04-04iOS9蘋(píng)果將原h(huán)ttp協(xié)議改成了https協(xié)議的方法
這篇文章主要介紹了iOS9蘋(píng)果將原h(huán)ttp協(xié)議改成了https協(xié)議的方法的相關(guān)資料,需要的朋友可以參考下2016-01-01iOS App使用設(shè)計(jì)模式中的模板方法模式開(kāi)發(fā)的示例
這篇文章主要介紹了iOS應(yīng)用使用設(shè)計(jì)模式中的模板方法模式開(kāi)發(fā)的示例,例子代碼為Objective-C語(yǔ)言,文中還與Java的相關(guān)實(shí)現(xiàn)進(jìn)行類比,需要的朋友可以參考下2016-03-03iOS 通過(guò)collectionView實(shí)現(xiàn)照片刪除功能
這篇文章主要介紹了iOS 通過(guò)collectionView實(shí)現(xiàn)照片刪除功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11解決iOS11圖片下拉放大出現(xiàn)信號(hào)欄白條的bug問(wèn)題
這篇文章主要介紹了iOS11圖片下拉放大出現(xiàn)信號(hào)欄白條的bug問(wèn)題,需要的朋友參考下吧2017-09-09iOS開(kāi)發(fā)中的幾個(gè)手勢(shì)操作實(shí)例分享
這篇文章主要介紹了iOS開(kāi)發(fā)中的幾個(gè)手勢(shì)操作實(shí)例分享,編寫(xiě)代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-09-09