隨手記UIKit Dynamics

以今年的優點WWDC品行,我記得一些明年的元素。一些博客上找到了新的功能沒有被記錄。認爲iOS 8盡心盡力。iOS 7該屬性不隨手記錄爲時已晚 :)ide

參考WWDC 2013的Session Videos《Getting Started with UIKit Dynamics》和《Advanced Techniques with UIKit Dynamics》。隨手記了如下幾點:動畫

UIKit Dynamics是抽象出來封裝好的二維物理引擎,並本身定義了UIKit物理世界的兩個常量,用UIKit重力加速度1000p/s2替換了地球重力加速度,用UIKit牛頓第二定律每一單位的力可以使得100p*100p的view產生100p/s2的加速度來替換1F = 1Kg * 1m/s2。ui

從使用者的角度來看,UIKit Dynamics有例如如下幾個角色:spa

UIDynamicAnimator —— 封裝了底下的物理引擎,使得咱們可以方便地加入物理行爲;code

UIDynamicBehavior —— 定義了物理行爲的類型;對象

UIDynamicItem      —— 參與物理動畫的對象;blog



借用兩張網上的照片來描寫敘述三者之間的關係,分別來自http://www.teehanlax.com/blog/introduction-to-uikit-dynamics/ 和 WWDC 2013。ip

如下是詳細的demo代碼。ci

首先咱們建立UIDynamicAnimator:get

self.animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];
使用self.view做爲參考系。

接着,建立要做用物理動畫的視圖對象。最好仍是爲一個label:

    UILabel *label = [[UILabel alloc] initWithFrame:(CGRect){100, 100, 100, 40}];
    label.backgroundColor = [UIColor redColor];
    [self.view addSubview:label];
因而咱們可以在label上加入重力加速度和碰撞的物理效果:
    UIGravityBehavior *gravityBehavior = [[UIGravityBehavior alloc] initWithItems:@[label]];
    [self.animator addBehavior:gravityBehavior];
    
    UICollisionBehavior *collisionBehavior = [[UICollisionBehavior alloc] initWithItems:@[label]];
    collisionBehavior.translatesReferenceBoundsIntoBoundary = YES;
    [self.animator addBehavior:collisionBehavior];
這就能建立出十分生動的物理動畫了。

除此以外,咱們還可以在視圖上加上做用力:

    self.pushBehavior = [[UIPushBehavior alloc] initWithItems:@[label] mode:UIPushBehaviorModeInstantaneous];
    self.pushBehavior.pushDirection = CGVectorMake(1.0f, 0);
    [self.animator addBehavior:self.pushBehavior];

這樣。label就不是垂直往下掉了,而是有個水平做用力使得label撞向邊緣。

爲了使得動畫更有趣,可以加點用戶的交互:

    UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(didPanLabel:)];
    [label addGestureRecognizer:panGesture];

爲label加入一個拖動手勢,至關於做用於label上的力的來源:

#pragma mark - 

- (void)didPanLabel:(UIPanGestureRecognizer *)panGesture
{
    UIGestureRecognizerState state = panGesture.state;
    if (state == UIGestureRecognizerStateEnded) {
        CGPoint velocity = [panGesture velocityInView:self.view];
        self.pushBehavior.pushDirection = CGVectorMake(velocity.x / 1000, velocity.y / 1000);
        self.pushBehavior.active = YES;
    }
}
這項。當用戶在施力動做中檢測label當頂,label它會拋出。
相關文章
相關標籤/搜索