相關資源
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