Facebook POP

POP: 一個(gè)流行的可擴(kuò)展的動(dòng)畫(huà)引擎iOS,它支持spring和衰變動(dòng)態(tài)動(dòng)畫(huà),使其可用于構(gòu)建現(xiàn)實(shí),基于物理交互衅檀。Objective - C API允許快速集成, 對(duì)于所有的動(dòng)畫(huà)和過(guò)渡他是成熟的.

1.1 POP 使用 Objective-C++ 編寫(xiě),Objective-C++ 是對(duì) C++ 的擴(kuò)展小渊,就像 Objective-C 是 C 的擴(kuò)展业扒。而至于為什么他們用 Objective-C++ 而不是純粹的 Objective-C. 可能是偏愛(ài)兢交。-.O

1.2 POP 目前由四部分組成:1. Animations漠畜;2. Engine秀睛;3. Utility尔当;4. WebCore。

舉個(gè)栗子哈哈

#import

E1:

-(void)clickPopAction

{

// kPOPLayerPositionY 向下

// kPOPLayerPositionX 向右

POPSpringAnimation*anim=[POPSpringAnimationanimationWithPropertyNamed:kPOPLayerPositionY];

// 移動(dòng)距離

anim.toValue=[[NSNumberalloc]initWithFloat:_btnPop.center.y+200];

// 從當(dāng)前 + 1s后開(kāi)始

anim.beginTime=CACurrentMediaTime()+1.0f;

// 彈力--晃動(dòng)的幅度 (springSpeed速度)

anim.springBounciness=15.0f;

[_btnPoppop_addAnimation:animforKey:@"position"];

POPSpringAnimation*anim1=[POPSpringAnimationanimationWithPropertyNamed:kPOPLayerBounds];

anim1.toValue=[NSValuevalueWithCGRect:CGRectMake(100,100,99,99)];

[_btnPoppop_addAnimation:anim1forKey:@"size"];

}

E2:在很多金融類(lèi)app中比較常見(jiàn)蹂安、支付寶中的余額包椭迎、京東金融余額、就類(lèi)似這樣


// 初始化

POPBasicAnimation*anim=[POPBasicAnimationanimation];

// 限時(shí) 1s

anim.duration=3.0;

POPAnimatableProperty*prop=[POPAnimatablePropertypropertyWithName:@"count++"initializer:^(POPMutableAnimatableProperty*prop){

prop.readBlock= ^(idobj,CGFloatvalues[]){values[0]=[[objdescription]floatValue];};

prop.writeBlock= ^(idobj,constCGFloatvalues[])

{

[objsetText:[NSStringstringWithFormat:@"%.2f",values[0]]];

};

prop.threshold=0.01;

}];

anim.property=prop;

anim.fromValue=@(0.0);

anim.toValue=@(1314.52);

[self.xt_countLabelpop_addAnimation:animforKey:@"counting"];



E3

CALayer*layer0=[CALayerlayer];

layer0.opacity=1.0;

layer0.transform=CATransform3DIdentity;

[layer0setMasksToBounds:YES];

[layer0setBackgroundColor:[UIColorcolorWithRed:0.5448green:0.6836blue:0.9986alpha:1.0].CGColor];

[layer0setCornerRadius:12.5];

[layer0setBounds:CGRectMake(0,0,25,25)];

[self.view.layeraddSublayer:layer0];

layer0.position=CGPointMake(self.view.center.x,266);

[selfperformAnimation:layer0];

-(void)performAnimation:(CALayer*)layer

{

[layerpop_removeAllAnimations];

POPBasicAnimation*anim=[POPBasicAnimationanimationWithPropertyNamed:kPOPLayerScaleXY];

staticBOOLani=YES;

if(ani){

anim.toValue=[NSValuevalueWithCGPoint:CGPointMake(1.0,1.0)];

}else{

anim.toValue=[NSValuevalueWithCGPoint:CGPointMake(1.5,1.5)];

}

ani= !ani;

anim.completionBlock= ^(POPAnimation*anim,BOOLfinished){

if(finished){[selfperformAnimation:layer];}

};

[layerpop_addAnimation:animforKey:@"Animation"];

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末田盈,一起剝皮案震驚了整個(gè)濱河市畜号,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌允瞧,老刑警劉巖简软,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異述暂,居然都是意外死亡痹升,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)畦韭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)疼蛾,“玉大人,你說(shuō)我怎么就攤上這事艺配【莨” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵妒挎,是天一觀(guān)的道長(zhǎng)绳锅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)酝掩,這世上最難降的妖魔是什么鳞芙? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮期虾,結(jié)果婚禮上原朝,老公的妹妹穿的比我還像新娘。我一直安慰自己镶苞,他們只是感情好喳坠,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著茂蚓,像睡著了一般壕鹉。 火紅的嫁衣襯著肌膚如雪剃幌。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
  • 那天晾浴,我揣著相機(jī)與錄音负乡,去河邊找鬼。 笑死脊凰,一個(gè)胖子當(dāng)著我的面吹牛抖棘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播狸涌,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼切省,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了帕胆?” 一聲冷哼從身側(cè)響起数尿,我...
    開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惶楼,沒(méi)想到半個(gè)月后右蹦,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡歼捐,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年何陆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片豹储。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡贷盲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剥扣,到底是詐尸還是另有隱情巩剖,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布钠怯,位于F島的核電站佳魔,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏晦炊。R本人自食惡果不足惜鞠鲜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望断国。 院中可真熱鬧贤姆,春花似錦、人聲如沸稳衬。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)薄疚。三九已至碧信,卻和暖如春赊琳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背音婶。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工慨畸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留莱坎,地道東北人衣式。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像檐什,于是被迫代替她去往敵國(guó)和親碴卧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

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