iOS CAEmitterLayer

相關資源

GitHub粒子發射和復制圖層示例
GitHub粘性控件示例
GitHub彈性動畫
CALayer分析
響應者手勢分析

簡介

繼承自CALayer,隸屬于QuartzCore,這是一個發射粒子(particle)、給粒子動畫、渲染(繪畫)粒子的圖層。
粒子(particle,CAEmitterCell的實例)被繪制在圖層的背景顏色和邊框之上。

屬性

/* 粒子單元數組,每一個單元 CAEmitterCell 類型 */
@property(nullable, copy) NSArray<CAEmitterCell *> *emitterCells;

/* 每秒鐘粒子單元創建粒子(particle)的個數 */
@property float birthRate;

/* 粒子(particle)存在時間  */
@property float lifetime;

/* 發射器在xy平面的中心位置,默認(0,0)*/
@property CGPoint emitterPosition;
/* 發射器在Z平面的位置,默認是0 */
@property CGFloat emitterZPosition;

/*發射器的尺寸大小和景深深度,根據emitterShape的情況,有些效果可能無效*/
@property CGSize emitterSize;
@property CGFloat emitterDepth;

/* 定義發射形狀,字符串類型,決定粒子的出口形態,系統會在emitterSize上進行修飾處理。可選項如下:
kCAEmitterLayerPoint 點的形狀 ,粒子從一個點發出
kCAEmitterLayerLine 線的形狀,粒子從一條線發出
kCAEmitterLayerRectangle 矩形形狀,粒子從一個矩形中發出
kCAEmitterLayerCuboid 立方體形狀,會影響Z平面的效果
kCAEmitterLayerCircle 圓形,粒子會在圓形范圍發射
kCAEmitterLayerSphere 球型
 */
@property(copy) NSString *emitterShape;

/*定義發射模式(相對于emitterShape,只會展示不同的效果),字符串類型。
kCAEmitterLayerPoints 從發射器兩端點
kCAEmitterLayerOutline 從發射器邊緣發出 
kCAEmitterLayerSurface 從發射器表面發出
kCAEmitterLayerVolume 從發射器中發出
 */
@property(copy) NSString *emitterMode;

/* 定義渲染模式,字符串類型。
kCAEmitterLayerUnordered 粒子是無序出現的
kCAEmitterLayerOldestFirst 聲明久的粒子會被渲染在最上層
kCAEmitterLayerOldestLast 年輕的粒子會被渲染在最上層
kCAEmitterLayerBackToFront 粒子的渲染按照Z軸的前后順序進行
kCAEmitterLayerAdditive 進行粒子混合
*/
@property(copy) NSString *renderMode;

/* 是否開啟三維空間效果 ,默認是NO*/
@property BOOL preservesDepth;

/* 增加粒子的速度,默認是1. */

@property float velocity;

/* 粒子的縮放大小,默認是1 */
@property float scale;

/* 粒子的旋轉位置 */
@property float spin;

CAEmitterCell介紹

一些屬性可以參考CAEmitterLayer(優先級高于CAEmitterCell)

/* 單元名稱,用于構造keyPath,默認為空 */
@property(nullable, copy) NSString *name;

/* 控制此單元是否被emmiter渲染 */
@property(getter=isEnabled) BOOL enabled;

/* 粒子的創建速率 ,默認為0*/
@property float birthRate;

/* 粒子的生存時間,單位是秒,lifetime是個平均值(mean),默認值0;lifetimeRange描述的是粒子的生存時間容差 ,默認值0*/
@property float lifetime;
@property float lifetimeRange;

/*粒子在Z軸方向的發射角度(弧度制)和 粒子在xy平面的發射角度(弧度制)*/
@property CGFloat emissionLatitude;
@property CGFloat emissionLongitude;
/*粒子發射角度的容差(弧度制)*/
@property CGFloat emissionRange;

/* 粒子發射的速度和速度容差,默認都是0 */
@property CGFloat velocity;
@property CGFloat velocityRange;

/* 三個方向的加速度矢量 Defaults to
 * (0, 0, 0) */
@property CGFloat xAcceleration;
@property CGFloat yAcceleration;
@property CGFloat zAcceleration;

/* 粒子的縮放因子(系數,平均值),默認1;縮放因子容差,默認是0;縮放速度 */
@property CGFloat scale;
@property CGFloat scaleRange;
@property CGFloat scaleSpeed;

/* 粒子旋轉速度,和旋轉速度容差 */
@property CGFloat spin;
@property CGFloat spinRange;

/* 粒子顏色,默認值是 純白;每個通道的色值容差,默認是(0, 0, 0,  0) */
@property(nullable) CGColorRef color;
@property float redRange;
@property float greenRange;
@property float blueRange;
@property float alphaRange;

/* 粒子每個顏色的變化速度(在lifetime期間),默認值 (0, 0, 0, 0) */
@property float redSpeed;
@property float greenSpeed;
@property float blueSpeed;
@property float alphaSpeed;

/* 粒子的內容 */
@property(nullable, strong) id contents;

/* 使用(渲染)內容的范圍 默認值是矩陣 [0 0 1 1] */
@property CGRect contentsRect;

/* 內容縮放因子 */
@property CGFloat contentsScale;

簡單示例

emitter0.png

emitter1.png

emitter2.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,739評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,634評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,653評論 0 377
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,063評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,835評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,235評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,315評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,459評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,000評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,819評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,004評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,560評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,257評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,676評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,937評論 1 288
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,717評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,003評論 2 374

推薦閱讀更多精彩內容