Canvas.gif
canvaf.gif
Canvas 是什么?
canvas 是一個(gè)非常高效且實(shí)用簡(jiǎn)單的 iOS 動(dòng)畫(huà)庫(kù)否淤,只需要非常簡(jiǎn)潔的代碼悄但,就能實(shí)現(xiàn)很多常用的效果。官方的口號(hào)是 “Animate in Xcode without code ”石抡。
canvas 包涵 29 種常用的動(dòng)畫(huà)效果檐嚣,這些效果可以應(yīng)用在很多地方,如當(dāng)我們點(diǎn)擊評(píng)分汁雷、收藏净嘀、贊時(shí)按鈕的動(dòng)態(tài)效果报咳。
CSAnimationTypePop ,
CSAnimationTypeMorph ,
CSAnimationTypeFlash ,
CSAnimationTypeShake ,
CSAnimationTypeFadeOut,
CSAnimationTypeFadeInLeft ,
CSAnimationTypeFadeInRight,
CSAnimationTypeFadeInDown ,
CSAnimationTypeFadeInUp ,
CSAnimationTypeSlideLeft,
CSAnimationTypeSlideRight,
CSAnimationTypeSlideDown ,
CSAnimationTypeSlideUp ,
CSAnimationTypeZoomIn,
CSAnimationTypeZoomOut ,
CSAnimationTypeSlideDownReverse ,
CSAnimationTypeBounceLeft,
CSAnimationTypeBounceRight,
CSAnimationTypeBounceDown,
CSAnimationTypeBounceUp,
CSAnimationTypeFadeIn,
CSAnimationTypeFadeInSemi ,
CSAnimationTypeFadeOutSemi ,
CSAnimationTypeFadeOutRight ,
CSAnimationTypeFadeOutLeft ,
CSAnimationTypePopDown ,
CSAnimationTypePopAlpha ,
CSAnimationTypePopAlphaUp ,
CSAnimationTypePopAlphaOut
如何使用 Canvas ?
1挖藏、CocoaPods
platform :ios, '7.0'
pod 'Canvas', '~> 0.1.2'
2暑刃、 在 storyboard 中使用。
設(shè)置一個(gè) View 繼承 CSAnimationView膜眠,然后通過(guò) runtime Attribute 設(shè)置動(dòng)畫(huà)屬性岩臣,如類型、時(shí)間宵膨、延遲等架谎。
CSAnimationView.png
關(guān)于 runtime Attribute ,在 運(yùn)行時(shí)你設(shè)置的這個(gè)屬性才會(huì)起作用,是Objective-C語(yǔ)言的動(dòng)態(tài)特性和運(yùn)行時(shí)(runtime)的強(qiáng)大辟躏。詳情請(qǐng)見(jiàn):
http://yulingtianxia.com/blog/2014/11/05/objective-c-runtime/
http://wufawei.com/2013/11/ios-application-security-3/
3谷扣、Using Code
非常簡(jiǎn)單只需幾行代碼。
#import "Canvas.h"
CSAnimationView *animationView = [[CSAnimationView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
animationView.backgroundColor = [UIColor whiteColor];
animationView.duration = 0.5;
animationView.delay = 0;
animationView.type = CSAnimationTypeMorph;
[self.view addSubview:animationView];
//添加你想增加效果的 View 為 animationView 的子視圖
// [animationView addSubview:<#(UIView *)#>]
[animationView startCanvasAnimation];