詳解iOS的復(fù)雜動(dòng)畫怎么做的

　　二、分析

　　上面圖中的動(dòng)畫第一眼看起來的確是有點(diǎn)復(fù)雜，但是我們來一步步分析，就會(huì)發(fā)現(xiàn)其實(shí)并不是那么難。仔細(xì)看一下就會(huì)發(fā)現(xiàn)，大致步驟如下：

　　1、先出來一個(gè)圓

　　2、圓形在水平和豎直方向上被擠壓，呈橢圓形狀的一個(gè)過程，最后恢復(fù)成圓形

　　3、圓形的左下角、右下角和頂部分別按順序凸出一小部分

　　4、圓和凸出部分形成的圖形旋轉(zhuǎn)一圈后變成三角形

　　5、三角形的左邊先后出來兩條寬線，將三角形圍在一個(gè)矩形中

　　6、矩形由底部向上被波浪狀填滿

　　7、被填滿的矩形放大至全屏，彈出Welcome

　　動(dòng)畫大致就分為上面幾個(gè)步驟，拆分后我們一步步來實(shí)現(xiàn)其中的效果（下面所示步驟中以Swift代碼為例，demo中分別有Objective-C和Swift的實(shí)現(xiàn)）

　　三、實(shí)現(xiàn)圓形以及橢圓的漸變

　　首先，我們創(chuàng)建了一個(gè)新工程后，然后新建了一個(gè)名AnimationView的類繼承UIView，這個(gè)是用來顯示動(dòng)畫效果的一個(gè)view。然后先添加CircleLayer（圓形layer），隨后實(shí)現(xiàn)由小變大的效果。

　　其中expand（）這個(gè)方法如下