English Introduction

ThinkVerb

ThinkVerb 是一組基于 CoreAnimation 的 API，相比與直接使用 CoreAnimation，ThinkVerb 通過鏈式語法進行編程，并且自管理 CAAnimation，你無需自己手動創建任何 CAAnimation 并將其添加到視圖上。

得益于此，ThinkVerb 可以用非常少的代碼快速生成基礎動畫，不單單如此，你說寫的代碼還相當可讀而易于維護。

目前 ThinkVerb 的功能幾乎涵蓋了所有的基礎動畫，你可以輕松多個基礎動畫的組合來生成一個復雜的動畫。如果用原生代碼，你可能需要大量代碼來完成此工作，但是用 ThinkVerb，你則可以在短短幾行代碼里完成相同的工作量。

Usage

ThinkVerb 很簡單，它只有一個入口，那就是ThinkVerb擴展 UIView 的一個屬性：TVAnimation。

TVAnimation 管理所有的動畫單元，我們稱動畫單元為 Sprite，你需要做的只有：通過 TVAnimation 創建 sprite，配置 sprite，最后 activate sprite。 這樣，動畫就被激活，UIView 將自動開始動畫。

例如，如果你想永不停息地旋轉你的 UIView，你只需要下面這一句代碼：

NSString?*rotation?=?view.TVAnimation.rotate.z.endAngle(M_PI?*?2).repeat(-1).activate();

或者，如果你想為你創建的 sprite 定義你自己想要的名字，你可以這么寫:

view.TVAnimation.rotate.z.endAngle(M_PI?*?2).repeat(-1).activateAs(@"rotation");

這行代碼會繞著 z 軸旋轉你的 UIView，其旋轉角度是從 UIView 當前的角度旋轉到 M_PI * 2，假設當前角度是 0，那就是轉一圈。repeat(-1)?能夠讓 sprite 無限重復。最后，調用?activate()?就等于激活了該動畫。

通常情況下，如果你沒有讓 sprite 永遠重復下去，或者沒有讓 sprite 在動畫結束時停留，sprite 會自動被移除并釋放，而如上面的例子，你需要手動移除該動畫:

view.TVAnimation.clear();

上面一行代碼移除 view 的所有動畫，通常情況下，你調用這一行代碼就夠了，如果你不想對 view 的其他動畫造成影響，你可以只移除相應的動畫:

view.TVAnimation.existSprite(rotation).stop();

如果你自己定義了名字，你可以這么做:

view.TVAnimation.existSprite(@"rotation").stop();

這樣，旋轉會停止，sprite 會被移除并釋放，否則，就算 view 釋放掉了，sprite 也不會被釋放，從而造成內存泄漏。

你可以通過 ThinkVerbDemo 看到更多的例子。

ThinkVerb 做復雜動畫也是相當輕松的，你甚至可以寫出一把手槍來:

view.TVAnimation.appearance.duration(3).timing(TVTiming.extremeEaseOut).end();
view.TVAnimation.contents.drawRange(nil,[UIImage?imageNamed:@"1"]).didStop(^{
????view.TVAnimation.contents.drawRange([UIImage?imageNamed:@"1"],[UIImage?imageNamed:@"2"]).didStop(^{
????????view.TVAnimation.contents.drawRange([UIImage?imageNamed:@"2"],[UIImage?imageNamed:@"3"]).didStop(^{
????????????view.TVAnimation.contents.drawRange([UIImage?imageNamed:@"3"],[UIImage?imageNamed:@"2"]).activate();
????????}).activate();
????}).activate();
}).activate();

Installation

Using cocoapods

pod?'ThinkVerb'

Copy files

拷貝子 ThinkVerb 文件夾下的所有源碼到你的工程

Indexes

• Basic

  • move?從某個點移動 view 到另一個點

  • scale?將 view 縮放到某個倍數

  • rotate?圍繞 x/y/z 軸旋轉 view

  • shadow?對 shadow 的 offset/opacity/radius/color 做動畫,

  • bounds?對 view 的 bounds 做動畫，注意該動畫效果取決于 anchorPoint

  • anchor?對 view 的 anchorPoint 做動畫，單獨進行不會有任何效果，需要和相關的動畫組合才會有效果

  • translate?通過偏移來移動動畫，基于 Transform3D，所以你可以將它應用到 sublayer 上

  • fade?淡入淡出

  • contents?對 cotnents 屬性做動畫，如 rect屬性會對位圖的渲染返回做動畫，范圍在 [0 0 1 1] 內

  • backgroundColor?背景變換

  • cornerRadius?圓角動畫

  • border?對 view 的邊框的寬度和顏色做動畫

  • path?對 view 做關鍵幀動畫，可通過貝塞爾控制點生成曲線動畫

• Appearance

  appearance sprite 可以用來對某個 view 配置默認參數，如果你想讓某個 view 的所有 sprite 默認在動畫結束時停留而不移除，你可以在生成 sprite 之前寫:

  view.TVAnimation.appearance.keepAlive(YES).end();

License

ThinkVerb is released under the MIT license. See?LICENSE?for details.