一. 示意圖
繪畫出一條線,點選開始有很多粒子繞著線運動,點選重繪消除粒子和線
二. 實現**
設計思路:自定義乙個view來描述控制器的view,在view載入過程中進行初始化,給view新增手勢(uipangesturerecognizer),將自定義view轉成複製層,建立乙個粒子層,新增到複製層上,並儲存粒子
監聽滑動手勢,記錄起始點,移動過程中新增直線並重繪
三. **實現
1. 自定義view來描述控制器view,將控制器view轉為複製層
2. 在載入控制器view初始化+
(class
)layerclass
初始化過程中建立滑動手勢/建立複製層和粒子層
設定複製層相關屬性:賦值個數/動畫延遲時間
3. 將建立出來的粒子儲存,設定乙個uibezierpater屬性-
(void
)awakefromnib
-
(void
)setup
4. 監聽手勢進行繪線/** 路徑 */
@property
(nonatomic
,strong
)uibezierpath
*path
;
/** 粒子 */
@property
(nonatomic
,weak
)calayer
*dotlayer
;
5. uibezierpater路徑懶載入// 監聽手勢
-
(void
)pan
:(uipangesturerecognizer
*)pan
elseif(
pan.
state
==uigesturerecognizerstatechanged
)
}
6. 繪製// 路徑懶載入
-
(uibezierpath
*)path
return
_path
;
}
7. 線繪製完後點選開始,建立幀動畫// 繪製
-
(void
)drawrect
:(cgrect
)rect
8. 點選重繪-
(ibaction
)start
-
(ibaction
)redraw
iOS開發核心動畫之時鐘效果
1.建立秒針,因秒針與使用者無交換,可以用layer 1 建立秒針 建立秒針 calayer secondlayer calayer layer self secondlayer secondlayer 2 設定背景色 尺寸 位置 設定錨點 0.5,0.9 設定背景色 secondlayer bac...
IOS開發核心動畫篇 核心動畫簡介
ios開發ui篇 核心動畫簡介 一 簡單介紹 core animation,中文翻譯為核心動畫,它是一組非常強大的動畫處理api,使用它能做出非常炫麗的動畫效果,而且往往是事半功倍。也就是說,使用少量的 就可以實現非常強大的功能。core animation是跨平台的,可以用在mac os x和io...
IOS核心動畫
void basicanimation calayer layer animation.duration 2 animation.delegate self animation.removedoncompletion no animation.fillmode kcafillmodeforwards...