詳解iOS的復(fù)雜動畫怎么做的
大小:0.3 MB 人氣: 2017-09-26 需要積分:1
標(biāo)簽:iOS(148619)
二、分析
上面圖中的動畫第一眼看起來的確是有點復(fù)雜,但是我們來一步步分析,就會發(fā)現(xiàn)其實并不是那么難。仔細(xì)看一下就會發(fā)現(xiàn),大致步驟如下:
1、先出來一個圓
2、圓形在水平和豎直方向上被擠壓,呈橢圓形狀的一個過程,最后恢復(fù)成圓形
3、圓形的左下角、右下角和頂部分別按順序凸出一小部分
4、圓和凸出部分形成的圖形旋轉(zhuǎn)一圈后變成三角形
5、三角形的左邊先后出來兩條寬線,將三角形圍在一個矩形中
6、矩形由底部向上被波浪狀填滿
7、被填滿的矩形放大至全屏,彈出Welcome
動畫大致就分為上面幾個步驟,拆分后我們一步步來實現(xiàn)其中的效果(下面所示步驟中以Swift代碼為例,demo中分別有Objective-C和Swift的實現(xiàn))
三、實現(xiàn)圓形以及橢圓的漸變
首先,我們創(chuàng)建了一個新工程后,然后新建了一個名AnimationView的類繼承UIView,這個是用來顯示動畫效果的一個view。然后先添加CircleLayer(圓形layer),隨后實現(xiàn)由小變大的效果。
其中expand()這個方法如下
非常好我支持^.^
(0) 0%
不好我反對
(0) 0%
下載地址
詳解iOS的復(fù)雜動畫怎么做的下載
相關(guān)電子資料下載
- iOS17.1可能明天發(fā)布,iOS17.1主要修復(fù)哪些問題? 380
- 華為全新鴻蒙蓄勢待發(fā) 僅支持鴻蒙內(nèi)核和鴻蒙系統(tǒng)應(yīng)用 719
- 蘋果手機系統(tǒng)iOS 17遭用戶質(zhì)疑 731
- iPhone12輻射超標(biāo)?蘋果推送iOS 17.1解決此事 750
- 傳華為囤積零部件 目標(biāo)明年智能手機出貨7000萬部;消息稱 MiOS 僅限國內(nèi),小米 28208
- 蘋果推送iOS17.0.3,解決iPhone15Pro系列存在機身過熱 216
- Testin云測兼容和真機服務(wù)平臺中上線iPhone 15系列手機 208
- 利爾達(dá)推出搭載HooRiiOS的Matter模組 145
- 運放參數(shù)解析:輸入偏置電流(Ibias)和失調(diào)電流(Ios) 128
- 昆侖太科發(fā)布支持國產(chǎn)飛騰騰銳D2000芯片的開源BIOS固件版本 448