UIDynamic

UIDynamic是從iOS 7開始引入的一種新技術,隸屬於UIKit框架可以認為是一種物理引擎,能模擬和模擬現實生活中的物理現象如:重力、彈性碰撞等現象

任何遵守了UIDynamicItem協議的物件
UIView預設已經遵守了UIDynamicItem協議,因此任何UI控制元件都能做物理模擬
UICollectionViewLayoutAttributes類預設也遵守UIDynamicItem協議

接下來我們試著用程式碼來實現UI控制元件的模擬行為,做一些有趣的實驗,說一說具體實現的步驟,做的東西比較簡單,希望對大家有所幫助.

1首先我們現在storyboard新增兩個UIView控制元件,在控制器中拖線進行關聯,便於訪問兩個UIView物件

@property (weak, nonatomic) IBOutlet UIView *testViewOne;

@property (weak, nonatomic) IBOutlet UIView *testViewTwo;

2.要給兩個控制元件新增模擬行為首先得建立一個物理模擬器物件

UIDynamicAnimator *animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];

self.animator = animator;

3.接下來建立想要的物理模擬行為(如重力、碰撞、附著等)

基本步驟:

1.建立模擬行為物件(建立的時候,會指定模擬行為新增給那些元素/控制元件)

2.設定模擬物件的引數(或是屬性)

3.將物理模擬行為新增到物理模擬器中

//建立重力模擬行為

UIGravityBehavior *gravity = [[UIGravityBehavior alloc] initWithItems:@[self.testViewOne, self.testViewTwo]];

//設定重力行為的屬性(引數)

gravity.gravityDirection = CGVectorMake(0, 1); // 方向

gravity.magnitude = 1; //加速度
 


//建立碰撞

UICollisionBehavior *collision = [[UICollisionBehavior alloc] initWithItems:@[self.testViewOne, self.testViewTwo]];

//設定碰撞邊界

collision.translatesReferenceBoundsIntoBoundary = YES;

/**新增自定義的邊界**/

//建立路徑

UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(150, 350, 300, 140)];

//新增邊界

[collision addBoundaryWithIdentifier:@"customBoundary" forPath:path];

//檢測碰轉要設定代理

collision.collisionDelegate = self;

//設定碰轉的模式

//UICollisionBehaviorModeItems        只和物體碰撞

//UICollisionBehaviorModeBoundaries    只和邊界碰撞

//UICollisionBehaviorModeEverything    物體碰撞和邊界碰撞

collision.collisionMode = UICollisionBehaviorModeEverything;

當然為了達到良好的模擬行為效果,也可設定元素/控制元件的自身的引數設定

//設定檢視的輔助行為(本身引數 彈性係數 阻力等)

//    elasticity; // Usually between 0 (inelastic) and 1 (collide elastically)  彈性係數

//    friction; // 0 being no friction between objects slide along each other  摩擦力

//    density; // 1 by default                                                  密度

//    resistance; // 0: no velocity damping                                    阻力

//    angularResistance; // 0: no angular velocity damping

//    allowsRotation; // force an item to never rotate                          是否允許旋轉

UIDynamicItemBehavior *item = [[UIDynamicItemBehavior alloc] initWithItems:@[self.testViewOne, self.testViewTwo]];

item.elasticity = 0.9;

item.friction = 0;

item.density = 1;

item.resistance = 0.3;

item.angularResistance = 0.6;

//將模擬行為新增到模擬器中

[animator addBehavior:gravity];

[animator addBehavior:collision];

[animator addBehavior:item];

當然,物理模擬中還提供了代理方法方便開發者在執行模擬動畫的同時做一些其他的操作

//物體和物體開始碰撞

- (void)collisionBehavior:(UICollisionBehavior *)behavior beganContactForItem:(id)item1 withItem:(id)item2 atPoint:(CGPoint)p {

UIView *viewOne = (UIView *)item1;

UIView *viewTwo = (UIView *)item2;

viewOne.backgroundColor = [self randomColor];

viewTwo.backgroundColor = [self randomColor];

self.view.backgroundColor = [self randomColor];

}
//物體和物體結束碰撞

- (void)collisionBehavior:(UICollisionBehavior *)behavior endedContactForItem:(id)item1 withItem:(id)item2 {

//自己想要的操作

}
//物體和邊界開始碰撞

- (void)collisionBehavior:(UICollisionBehavior*)behavior beganContactForItem:(id)item withBoundaryIdentifier:(nullable id)identifier atPoint:(CGPoint)p {

UIView *view = (UIView *)item;

view.backgroundColor = [self randomColor];

self.view.backgroundColor = [self randomColor];

}
//物體和邊界結束碰撞

- (void)collisionBehavior:(UICollisionBehavior*)behavior endedContactForItem:(id)item withBoundaryIdentifier:(nullable id)identifier {

//自己想要的操作

}

感興趣的朋友可以試著做一些有趣的效果，物理模擬可下載原始碼