iOS_UIKit框架下的力學(xué)動畫

所有內(nèi)容都是學(xué)習(xí)自在網(wǎng)上分享的文章

Dynamic

iOS7中推出的UIKit Dynamics备图,主要用于模擬現(xiàn)實中的二維動畫诬烹。

主要類

UIDynamicAnimator: 封裝了底層iOS物理引擎,為動力項
UIDynamicBehavioer: 動力行為幢痘,為動力項提供不同的動力行為
UIDynamicItem: 一個物體颜说,被各種力量作用的物體

UIDynamicAnimatior

@property (nonatomic, strong) UIDynamicAnimator *dynamic;
// 初始化動畫的持有者 //ReferenceView是參考視圖门粪,就是以他為相對位置
_dynamic = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];
// 傳入一個 Reference view 創(chuàng)建一個 Dynamic Animator
- (instancetype)initWithReferenceView:(UIView*)view;

// 獲取在 CGRect 內(nèi)所有的動力項玄妈,這個 CGRect 是基于 Reference view 的二維坐標系統(tǒng)的
- (NSArray*)itemsInRect:(CGRect)rect;

// 添加動力行為
- (void)addBehavior:(UIDynamicBehavior *)behavior;

// 刪除指定的動力行為
- (void)removeBehavior:(UIDynamicBehavior *)behavior;

// 刪除所有的動力行為
- (void)removeAllBehaviors;

///Dynamic Animator‘s狀態(tài)
@property (nonatomic, readonly, getter = isRunning) BOOL running;

// 獲取所有的 Behaviors
@property (nonatomic, readonly, copy) NSArray* behaviors;

@property (nonatomic, readonly) UIView* referenceView;

// 這個 delegate 中有兩個回調(diào)方法拟蜻,一個是在 animator 暫停的時候調(diào)用酝锅,一個是在將要恢復(fù)的時候調(diào)用
@property (nonatomic, assign) id <UIDynamicAnimatorDelegate> delegate;

// 已經(jīng)運行了多久的時間搔扁,是一個 NSTimeInterval
- (NSTimeInterval)elapsedTime;

// 如果動力項不是通過 animator 自動計算改變狀態(tài)稿蹲,比如场绿,通過代碼強制改變一個 item 的 transfrom 時焰盗,可以用這個方法通知 animator 這個 item 的改變熬拒。如果不用這個方法澎粟,animator 之后的動畫會覆蓋代碼中對 item 做的改變欢瞪,相當于代碼改變 transform 變得沒有意義遣鼓。
- (void)updateItemUsingCurrentState:(id <UIDynamicItem>)item;

UIDynamicBehavior

UIDynamicBehavior是所有物理行為的父類

// 在將要進行動畫時的 block 回調(diào)
@property(nonatomic, copy) void (^action)(void)

// 添加到該動態(tài)行為中的子動態(tài)行為
@property(nonatomic, readonly, copy) NSArray *childBehaviors

//  該動態(tài)行為相關(guān)聯(lián)的dynamicAnimator
@property(nonatomic, readonly) UIDynamicAnimator *dynamicAnimator

//添加一個子動態(tài)行為
- (void)addChildBehavior:(UIDynamicBehavior *)behavior

// 移除一個子動態(tài)行為
- (void)removeChildBehavior:(UIDynamicBehavior *)behavior

// 當該動態(tài)行為將要被添加到一個UIDynamicAnimator中時回懦,這個方法會被調(diào)用次企。
- (void)willMoveToAnimator:(UIDynamicAnimator *)dynamicAnimator

UIGravityBehavior重力類

UIGravityBehavior:重力行為需要指定重力的大小和方向缸棵,用gravityDircetion指定一個向量堵第,或者設(shè)置angle和magnitude型诚。
angle:0 - 3.14 是一個從平衡向左到向右的方向狰贯。
magnitude:是重力系數(shù)涵紊。通常設(shè)置angle和magnitide更加的直觀

重力gif.gif

因為是第一次制作gif摸柄,所以看起來不是很流暢驱负,一幀一幀的感覺,事實不是這個樣子的苛吱。

UICollisionBehavior 彈力類

指定一個邊界翠储,當物體接觸到一個邊界的時候援所,就會進行回彈任斋。這個類室友一個代理可以通過監(jiān)控物體和邊界物體和物體之間的碰撞時刻废酷。

//初始化彈力行為
    UICollisionBehavior *collisionBehavior = [[UICollisionBehavior alloc] initWithItems:@[self.animationView, self.greView]];
    //設(shè)置邊界
    //[collisionBehavior addBoundaryWithIdentifier:@"邊界" fromPoint:CGPointMake(0, 0) toPoint:CGPointMake(self.view.frame.size.height, 600)];
    /**
     UICollisionBehaviorModeItems        = 1 << 0,   物體間碰撞
     UICollisionBehaviorModeBoundaries   = 1 << 1,   邊界碰撞
     UICollisionBehaviorModeEverything   = NSUIntegerMax
     */
    //是否把關(guān)聯(lián)視圖設(shè)置為邊界澈蟆,這里的關(guān)聯(lián)視圖指的就是UIDynamicAnimator中的視圖趴俘。把該屬性設(shè)置為YES寥闪,運行代碼,大家會發(fā)view掉落到底部時會與底部放生彈性碰撞缚柳。//前提條件是不超過所設(shè)邊界秋忙。 如果邊界小的話只是在邊界內(nèi)活動
    collisionBehavior.translatesReferenceBoundsIntoBoundary = YES;
    //代理
    collisionBehavior.collisionDelegate = self;   
    [_dynamic addBehavior:collisionBehavior];
//與物體碰撞時執(zhí)行的代理方法
- (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;

// The identifier of a boundary created with translatesReferenceBoundsIntoBoundary or setTranslatesReferenceBoundsIntoBoundaryWithInsets is nil
//與邊界碰撞時執(zhí)行的代理方法
- (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;

我把石頭設(shè)置了重力刽肠,并且設(shè)置了兩個物體的碰撞。

彈力gif.gif

UIAttachmentBehavior 附著行為、吸附力

對于這個類凯肋,網(wǎng)上的名稱有很多,看到一段解釋:關(guān)于吸附力姚建,首先要解釋一下流礁,大家可以把吸附力理解為在吸附原點有一根棍萎坷,注意是棍不是繩子哆档,連接著item瓜浸。也就是說吸附力是剛性的插佛。這里我更加偏向于這是一個類似彈簧的力雇寇。

/**
   @property (readonly, nonatomic)   UIAttachmentBehaviorType attachedBehaviorType; 模式     @property (readwrite, nonatomic) CGPoint anchorPoint; //吸附點
 */
_attachment = [[UIAttachmentBehavior alloc] initWithItem:self.animationView attachedToAnchor:CGPointMake(self.view.frame.size.width / 2, 0)];
_attachment.length = 100;  //吸附距離
_attachment.damping = 0.5; //阻尼 // 那個棍子吸附的力量,越大就越不能伸縮 冬殃,類似于一個跟300xp的彈簧。
_attachment.frequency = 1; //振動頻率
[_dynamic addBehavior:_attachment];

并且在手指在屏幕移動的方法中叁怪,將anchorPoint跟隨手指移動,并且保持了彈力审葬。

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{ 
    //    獲取在屏幕上的手指對象
    UITouch *touch = [touches anyObject];
    //    獲取手指之前在屏幕上的位置
    CGPoint previousP = [touch previousLocationInView:self.view];
    //    獲取現(xiàn)在的位置
    CGPoint currentP = [touch locationInView:self.view];
    
    CGPoint newP  = CGPointMake(0, 0);
    newP.x = self.animationView.center.x + (currentP.x - previousP.x);
    newP.y = self.animationView.center.y + (currentP.y - previousP.y);
    
//    self.animationView.center = newP;
//    self.greView.center = currentP;
    
    self.attachment.anchorPoint = currentP; //物體牽引點
}

非常好玩。奕谭。涣觉。(手動滑稽)


牽引力.gif

UIPushBehavior 推力

對物體施加的力,可以是持續(xù)的力也可以是一次性的理展箱,有一個向量來表示里的方向和大小蹬昌。

UIPushBehavior *push = [[UIPushBehavior alloc] initWithItems:@[self.animationView] mode:(UIPushBehaviorModeInstantaneous)];
    /**
     *  模式:UIPushBehaviorModeContinuous 持續(xù)型
     *      UIPushBehaviorModeInstantaneous 一次性
     */
    //推力速度
    push.magnitude = 2;
    //推的方向
    push.angle = 2;
    [_dynamic addBehavior:push];

這是屬性值跟重力的屬性值其實是一樣的混驰,也可以用向量的方式來定義。


UIPushBehavior *push = [[UIPushBehavior alloc] initWithItems:@[self.animationView] mode:(UIPushBehaviorModeInstantaneous)];
//    //推力速度
//    push.magnitude = 2;
//    //推的方向
//    push.angle = 2;
    push.pushDirection = CGVectorMake(currentP.x - self.animationView.center.x, currentP.y - self.animationView.center.y);
    [_dynamic addBehavior:push];

這里推力就是從手指點擊屏幕的地方進行計算的皂贩。


推力.gif

UISnapBehavior 黑洞 吸力

將物體向一個點吸

UISnapBehavior *snap = [[UISnapBehavior alloc] initWithItem:self.animationView snapToPoint:CGPointMake(100, 100)];
        snap.damping = 50; //阻尼
        [self.dynamic addBehavior:snap];

這個類只有兩個屬性

snapPoint 黑洞的點
damping 阻尼 vaule 0...1之間

UIDynamicItemBehavior 自身物體屬性

由于所有內(nèi)容都是股溝前輩們的文章學(xué)習(xí)的栖榨,但是這個類好多博客都沒有詳細介紹或或者被末學(xué)忽略了,在不經(jīng)意瀏覽中看到了這個大神的博客明刷。風(fēng)格排版非常喜歡婴栽,內(nèi)容也很有深度,在此做記錄辈末,以后多想前輩學(xué)習(xí)愚争。
大神的博客鏈接
在這個類中可以添加物體屬性,如密度挤聘、彈性系數(shù)轰枝、摩擦系數(shù)、阻力组去、轉(zhuǎn)動阻力等鞍陨。

/**
1、@property (readwrite, nonatomic) CGFloat elasticity; 0...1 彈性系數(shù)
2从隆、@property (readwrite, nonatomic) CGFloat friction; // 摩擦系數(shù)诚撵,0就是絕對光滑
3、@property (readwrite, nonatomic) CGFloat density; // 密度1 by default
4键闺、@property (readwrite, nonatomic) CGFloat resistance; // 0: no velocity damping 運動過程中受到的阻力
5寿烟、@property (readwrite, nonatomic) CGFloat angularResistance; // 0: no angular velocity damping
旋轉(zhuǎn)時受到的阻力
6、@property (readwrite, nonatomic) BOOL allowsRotation; //允許自身旋轉(zhuǎn)
*/

UIDynamicItemBehavior *itemBehavior = [[UIDynamicItemBehavior alloc] initWithItems:@[self.animationView]];
    itemBehavior.elasticity = 0.8; //自身彈性
    itemBehavior.allowsRotation = YES; //允許旋轉(zhuǎn)
    [itemBehavior addAngularVelocity:1 forItem:self.animationView]; //讓物體旋轉(zhuǎn)
    [self.dynamic addBehavior:itemBehavior];

寫的非常垃圾的代碼https://github.com/kyrielrvingcoding/UIDynamics.git

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末辛燥,一起剝皮案震驚了整個濱河市筛武,隨后出現(xiàn)的幾起案子盅藻,更是在濱河造成了極大的恐慌,老刑警劉巖畅铭,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件氏淑,死亡現(xiàn)場離奇詭異,居然都是意外死亡硕噩,警方通過查閱死者的電腦和手機假残,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來炉擅,“玉大人辉懒,你說我怎么就攤上這事〉В” “怎么了眶俩?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長快鱼。 經(jīng)常有香客問我颠印,道長,這世上最難降的妖魔是什么抹竹? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任线罕,我火速辦了婚禮,結(jié)果婚禮上窃判,老公的妹妹穿的比我還像新娘钞楼。我一直安慰自己,他們只是感情好袄琳,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布询件。 她就那樣靜靜地躺著,像睡著了一般唆樊。 火紅的嫁衣襯著肌膚如雪宛琅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天窗轩,我揣著相機與錄音夯秃,去河邊找鬼。 笑死痢艺,一個胖子當著我的面吹牛仓洼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播堤舒,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼色建,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了舌缤?” 一聲冷哼從身側(cè)響起箕戳,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎壮虫,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剩拢,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡办素,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年粱哼,在試婚紗的時候發(fā)現(xiàn)自己被綠了刻蚯。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躬充。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡伴找,死狀恐怖抖誉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布厢蒜,位于F島的核電站愕贡,受9級特大地震影響嘱巾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一寞忿、第九天 我趴在偏房一處隱蔽的房頂上張望叫编。 院中可真熱鬧杯拐,春花似錦端逼、人聲如沸朗兵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粉洼。三九已至去扣,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間愉棱,已是汗流浹背唆铐。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留朋其,地道東北人王浴。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓脆炎,卻偏偏與公主長得像,于是被迫代替她去往敵國和親氓辣。 傳聞我的和親對象是個殘疾皇子秒裕,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

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