iOS開發核心動畫之粒子效果

2022-08-24 10:03:14 字數 1735 閱讀 4041

一. 示意圖

繪畫出一條線,點選開始有很多粒子繞著線運動,點選重繪消除粒子和線

二. 實現**

設計思路:自定義乙個view來描述控制器的view,在view載入過程中進行初始化,給view新增手勢(uipangesturerecognizer),將自定義view轉成複製層,建立乙個粒子層,新增到複製層上,並儲存粒子

監聽滑動手勢,記錄起始點,移動過程中新增直線並重繪

三. **實現

1. 自定義view來描述控制器view,將控制器view轉為複製層

+

(class

)layerclass

2. 在載入控制器view初始化

初始化過程中建立滑動手勢/建立複製層和粒子層

設定複製層相關屬性:賦值個數/動畫延遲時間

-

(void

)awakefromnib

-

(void

)setup

3. 將建立出來的粒子儲存,設定乙個uibezierpater屬性

/** 路徑 */@property

(nonatomic

,strong

)uibezierpath

*path

;/** 粒子 */

@property

(nonatomic

,weak

)calayer

*dotlayer

;

4. 監聽手勢進行繪線

// 監聽手勢-

(void

)pan

:(uipangesturerecognizer

*)pan

elseif(

pan.

state

==uigesturerecognizerstatechanged

)}

5. uibezierpater路徑懶載入 

// 路徑懶載入-

(uibezierpath

*)path

return

_path

;}

6. 繪製

// 繪製-

(void

)drawrect

:(cgrect

)rect

7. 線繪製完後點選開始,建立幀動畫

-

(ibaction

)start

8. 點選重繪

-

(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...