Core Animation 高級(jí)技巧分享02

Core Animation - CAEmitterLayer 粒子效果


CAEmitterLayer 是一個(gè)高性能的粒子引擎蘸朋,被用來(lái)創(chuàng)建復(fù)雜的粒子動(dòng)畫(huà)如:煙霧次酌,火葫录,雨等效果挺邀,并且有很高的性能蝠嘉。

CAEmitterLayer 看上去像是許多 CAEmitterCell 的容器缴允,這些 CAEmitterCell 定義了一個(gè)例子效果荚守。你將會(huì)為不同的例子效果定義一個(gè)或多個(gè) CAEmitterCell 作為模版,同時(shí) CAEmitterLayer 負(fù)責(zé)基于這些模版實(shí)例化一個(gè)粒子流练般。一個(gè) CAEmitterCell 類似于一個(gè) CALayer :它有一個(gè) contents 屬性可以定義為一個(gè) CGImage 矗漾,另外還有一些可設(shè)置屬性控制著表現(xiàn)和行為。

使用步驟 :創(chuàng)建 CAEmitterLayer 薄料,然后創(chuàng)建 CAEmitterCell 敞贡,將cells 添加到 CAEmitterLayer 的 emitterCells屬性中 ,最后 CAEmitterLayer 圖層插入到視圖層次的最前面摄职。
CAEmitterLayer 屬性說(shuō)明:
  • emitterPosition 發(fā)射源位置
  • emitterSize 發(fā)射源大小
  • emitterShape 發(fā)射源的形狀
用的比較多的是 kCAEmitterLayerLine 和 kCAEmitterLayerPoint誊役。這決定了你的粒子從一個(gè)點(diǎn)噴出來(lái)的,還是從一條線上每個(gè)點(diǎn)噴出來(lái)的谷市,前者像焰火蛔垢,后者像瀑布。
  • emitterMode 發(fā)射源的模式
CAEmitterCell 屬性說(shuō)明:
  • birthRate 每秒生成多少個(gè)粒子
  • lifetime 存活時(shí)間
  • velocityRange 粒子平均初始速度正數(shù)表示向上迫悠,負(fù)數(shù)表示向下
  • yAcceleration 決定了每個(gè)方向上的粒子加速度
  • spinRange 粒子平均的旋轉(zhuǎn)速度
  • scale 圖片比例

其他:UIDynamic


1. UIDynamic 物理仿真行為,基本的動(dòng)力學(xué)行為包括 UIGravityBehavior鹏漆、UICollisionBehavior、UIAttachmentBehavior、UISnapBehavior甫男、UIPushBehavior 以及 UIDynamicItemBehavior,可以組合使用且改。
2. 不是任何對(duì)象都可以做物理仿真效果 物理仿真元素要素:任何遵守了 UIDynamicItem 協(xié)議的對(duì)象 UIView默認(rèn)已經(jīng)遵守了UIDynamicItem 協(xié)議,因此任何UI控件都能做物理仿真验烧。
3. 使用步驟
  • 創(chuàng)建一個(gè)UIDynamicAnimator對(duì)象
  • 創(chuàng)建行為對(duì)象(UIDynamicBehavior)
  • 將要執(zhí)行動(dòng)畫(huà)的對(duì)象添加到UIDynamicBehavior中
重點(diǎn)介紹下面 Demo 中用到的 UIGravityBehavior 和UICollisionBehavior :
重力行為(Gravity)
//1 創(chuàng)建物理仿真器
UIDynamicAnimator *animator = [[UIDynamicAnimator alloc]
        initWithReferenceView:self.view];
self.animator = animator;
//2 創(chuàng)建重力行為(物理行為)
UIGravityBehavior *behavior = [[UIGravityBehavior alloc]
               initWithItems:@[self.redView]];
//量級(jí)(用來(lái)控制加速度,1.0代表加速度是1000 points/second2)
behavior.magnitude = 0.2;
//方向
behavior.gravityDirection = CGVectorMake(1, 1);
behavior.angle = 0;
//3 把物理行為添加到物理仿真器中 開(kāi)始動(dòng)畫(huà)
[animator addBehavior:behavior];
碰撞行為(Collision)
碰撞邊界的設(shè)定
  • setTranslatesReferenceBoundsIntoBoundaryWithInsets 給定一個(gè)UIEdgeInsets板驳。
  • addBoundaryWithIdentifier:fromPoint: toPoint: 傳入兩點(diǎn)坐標(biāo)添加邊界。
  • addBoundaryWithIdentifier : forPath: 使用 UIBezierPath 方式添加邊界碍拆。
碰撞邊界的代理方法
設(shè)置 collisionDelegate 可以監(jiān)測(cè)到兩個(gè)物體或者物體與邊界碰撞的過(guò)程若治。
- (void)collisionBehavior:(UICollisionBehavior *)behavior beganContactForItem:(id <UIDynamicItem>)item1 withItem:(id <UIDynamicItem>)item2 atPoint:(CGPoint)p;
- (void)collisionBehavior:(UICollisionBehavior *)behavior endedContactForItem:(id <UIDynamicItem>)item1 withItem:(id <UIDynamicItem>)item2;

- (void)collisionBehavior:(UICollisionBehavior*)behavior beganContactForItem:(id <UIDynamicItem>)item withBoundaryIdentifier:(nullable id <NSCopying>)identifier atPoint:(CGPoint)p;
- (void)collisionBehavior:(UICollisionBehavior*)behavior endedContactForItem:(id <UIDynamicItem>)item withBoundaryIdentifier:(nullable id <NSCopying>)identifier;

演示&&講解部分:

DEMO1 - 項(xiàng)目中-“收藏”按鈕的粒子效果


DEMO2 - 項(xiàng)目中-APP啟動(dòng)廣告圖重力+粒子效果


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市感混,隨后出現(xiàn)的幾起案子端幼,更是在濱河造成了極大的恐慌,老刑警劉巖弧满,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件婆跑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡庭呜,警方通過(guò)查閱死者的電腦和手機(jī)滑进,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)募谎,“玉大人扶关,你說(shuō)我怎么就攤上這事∈” “怎么了节槐?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)拐纱。 經(jīng)常有香客問(wèn)我铜异,道長(zhǎng),這世上最難降的妖魔是什么秸架? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任揍庄,我火速辦了婚禮,結(jié)果婚禮上咕宿,老公的妹妹穿的比我還像新娘币绩。我一直安慰自己,他們只是感情好府阀,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布缆镣。 她就那樣靜靜地躺著,像睡著了一般试浙。 火紅的嫁衣襯著肌膚如雪董瞻。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,246評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音钠糊,去河邊找鬼挟秤。 笑死,一個(gè)胖子當(dāng)著我的面吹牛抄伍,可吹牛的內(nèi)容都是我干的艘刚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼截珍,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼攀甚!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起岗喉,我...
    開(kāi)封第一講書(shū)人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤秋度,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后钱床,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體荚斯,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年查牌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了事期。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡僧免,死狀恐怖刑赶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情懂衩,我是刑警寧澤撞叨,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站浊洞,受9級(jí)特大地震影響牵敷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜法希,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一枷餐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧苫亦,春花似錦毛肋、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至唉匾,卻和暖如春孕讳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工厂财, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芋簿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓璃饱,卻偏偏與公主長(zhǎng)得像与斤,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子帜平,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容