iOS開發拓展篇—UIDynamic(重力行爲+碰撞檢測)

iOS開發拓展篇—UIDynamic(重力行爲+碰撞檢測)

1、重力行爲

說明：給定重力方向、加速度，讓物體朝着重力方向掉落

1.方法

（1）UIGravityBehavior的初始化

　　- (instancetype)initWithItems:(NSArray *)items;

　　　　item參數 ：裏面存放着物理仿真元素

 

（2）UIGravityBehavior常見方法

　　- (void)addItem:(id <UIDynamicItem>)item;

　　　　添加1個物理仿真元素

　　- (void)removeItem:(id <UIDynamicItem>)item;

　　　　移除1個物理仿真元素

 

2.UIGravityBehavior常見屬性

@property (nonatomic, readonly, copy) NSArray* items;

　　添加到重力行爲中的全部物理仿真元素

@property (readwrite, nonatomic) CGVector gravityDirection;

　　重力方向（是一個二維向量）

@property (readwrite, nonatomic) CGFloat angle;

　　重力方向（是一個角度，以x軸正方向爲0°，順時針正數，逆時針負數）

@property (readwrite, nonatomic) CGFloat magnitude;

　　量級（用來控制加速度，1.0表明加速度是1000 points /second²）

 

2、碰撞行爲

1.簡介

說明：可讓物體之間實現碰撞效果

　　能夠經過添加邊界（boundary），讓物理碰撞侷限在某個空間中

 

2.UICollisionBehavior邊界相關的方法

- (void)addBoundaryWithIdentifier:(id <NSCopying>)identifier forPath:(UIBezierPath*)bezierPath;

- (void)addBoundaryWithIdentifier:(id <NSCopying>)identifier fromPoint:(CGPoint)p1 toPoint:(CGPoint)p2;

- (UIBezierPath*)boundaryWithIdentifier:(id <NSCopying>)identifier;

- (void)removeBoundaryWithIdentifier:(id <NSCopying>)identifier;

@property (nonatomic, readonly, copy) NSArray* boundaryIdentifiers;

- (void)removeAllBoundaries;

 

3.UICollisionBehavior常見用法

@property (nonatomic, readwrite) BOOL translatesReferenceBoundsIntoBoundary;

　　是否以參照視圖的bounds爲邊界

- (void)setTranslatesReferenceBoundsIntoBoundaryWithInsets:(UIEdgeInsets)insets;

　　設置參照視圖的bounds爲邊界，而且設置內邊距

@property (nonatomic, readwrite) UICollisionBehaviorMode collisionMode;

　　碰撞模式（分爲3種，元素碰撞、邊界碰撞、全體碰撞）

@property (nonatomic, assign, readwrite) id <UICollisionBehaviorDelegate> collisionDelegate;

　　代理對象（能夠監聽元素的碰撞過程）

 

3、代碼示例

在storyboard中拖拽幾個控件，用於測試。

　　

測試代碼：

YYViewController.m文件　　

  1 //
  2 //  YYViewController.m
  3 //  12-重力行爲和碰撞行爲
  4 //
  5 //  Created by apple on 14-8-6.
  6 //  Copyright (c) 2014年 yangyong. All rights reserved.
  7 //
  8 
  9 #import "YYViewController.h"
 10 
 11 @interface YYViewController ()
 12 @property (weak, nonatomic) IBOutlet UIView *redView;
 13 
 14 @property (weak, nonatomic) IBOutlet UIProgressView *block1;
 15 @property (weak, nonatomic) IBOutlet UISegmentedControl *block2;
 16 
 17 @property(nonatomic,strong)UIDynamicAnimator *animator;
 18 @end
 19 
 20 @implementation YYViewController
 21 -(UIDynamicAnimator *)animator
 22 {
 23     if (_animator==nil) {
 24         //建立物理仿真器（ReferenceView:參照視圖，設置仿真範圍）
 25         self.animator=[[UIDynamicAnimator alloc]initWithReferenceView:self.view];
 26     }
 27     return _animator;
 28 }
 29 - (void)viewDidLoad
 30 {
 31     [super viewDidLoad];
 32     
 33     //設置紅色view的角度
 34     self.redView.transform=CGAffineTransformMakeRotation(M_PI_4);
 35 }
 36 
 37 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 38 {
 39     //1.重力行爲
 40 //    [self testGravity];
 41     //2.重力行爲+碰撞檢測
 42 //    [self testGravityAndCollsion];
 43     //3.測試重力的一些屬性
 44     [self testGravityAndCollsion2];
 45     //用2根線做爲邊界
 46 //    [self testGravityAndCollision3];
 47     //4.用圓做爲邊界
 48 //    [self testGravityAndCollision4];
 49 }
 50 
 51 /**
 52  *  重力行爲
 53  */
 54 -(void)testGravity
 55 {
 56     //1.建立仿真行爲（進行怎樣的仿真效果？）
 57     //重力行爲
 58     UIGravityBehavior *gravity=[[UIGravityBehavior alloc]init];
 59     //2.添加物理仿真元素
 60     [gravity addItem:self.redView];
 61     //3.執行仿真，讓物理仿真元素執行仿真行爲
 62     [self.animator addBehavior:gravity];
 63 }
 64 /**
 65  *  重力行爲+碰撞檢測
 66  */
 67 -(void)testGravityAndCollsion
 68 {
 69     //1.重力行爲
 70     UIGravityBehavior *gravity=[[UIGravityBehavior alloc]init];
 71     [gravity addItem:self.redView];
 72     
 73     //2碰撞檢測行爲
 74     UICollisionBehavior *collision=[[UICollisionBehavior alloc]init];
 75     [collision addItem:self.redView];
 76     [collision addItem:self.block1];
 77     [collision addItem:self.block2];
 78     
 79     //讓參照視圖的邊框成爲碰撞檢測的邊界
 80     collision.translatesReferenceBoundsIntoBoundary=YES;
 81     
 82     //3.執行仿真
 83     [self.animator addBehavior:gravity];
 84     [self.animator addBehavior:collision];
 85 }
 86 
 87 /**
 88  *  測試重力行爲的屬性
 89  */
 90 -(void)testGravityAndCollsion2
 91 {
 92     //1.重力行爲
 93     UIGravityBehavior *gravity=[[UIGravityBehavior alloc]init];
 94     //（1）設置重力的方向（是一個角度）
 95 //    gravity.angle=(M_PI_2-M_PI_4);
 96     //（2）設置重力的加速度,重力的加速度越大，碰撞就越厲害
 97     gravity.magnitude=100;
 98     //（3）設置重力的方向（是一個二維向量）
 99     gravity.gravityDirection=CGVectorMake(0, 1);
100     [gravity addItem:self.redView];
101     
102     //2碰撞檢測行爲
103     UICollisionBehavior *collision=[[UICollisionBehavior alloc]init];
104     [collision addItem:self.redView];
105     [collision addItem:self.block1];
106     [collision addItem:self.block2];
107     
108     //讓參照視圖的邊框成爲碰撞檢測的邊界
109     collision.translatesReferenceBoundsIntoBoundary=YES;
110     
111     //3.執行仿真
112     [self.animator addBehavior:gravity];
113     [self.animator addBehavior:collision];
114     
115 }
116 
117 /**
118  *  用圓做爲邊界
119  */
120 - (void)testGravityAndCollision4
121 {
122     // 1.重力行爲
123     UIGravityBehavior *gravity = [[UIGravityBehavior alloc] init];
124     [gravity addItem:self.redView];
125     
126     // 2.碰撞檢測行爲
127     UICollisionBehavior *collision = [[UICollisionBehavior alloc] init];
128     [collision addItem:self.redView];
129     
130     // 添加一個橢圓爲碰撞邊界
131     UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 320, 320)];
132     [collision addBoundaryWithIdentifier:@"circle" forPath:path];
133     
134     // 3.開始仿真
135     [self.animator addBehavior:gravity];
136     [self.animator addBehavior:collision];
137 }
138 
139 /**
140  *  用2根線做爲邊界
141  */
142 - (void)testGravityAndCollision3
143 {
144     // 1.重力行爲
145     UIGravityBehavior *gravity = [[UIGravityBehavior alloc] init];
146     [gravity addItem:self.redView];
147     
148     // 2.碰撞檢測行爲
149     UICollisionBehavior *collision = [[UICollisionBehavior alloc] init];
150     [collision addItem:self.redView];
151     CGPoint startP = CGPointMake(0, 160);
152     CGPoint endP = CGPointMake(320, 400);
153     [collision addBoundaryWithIdentifier:@"line1" fromPoint:startP toPoint:endP];
154     CGPoint startP1 = CGPointMake(320, 0);
155     [collision addBoundaryWithIdentifier:@"line2" fromPoint:startP1 toPoint:endP];
156 //    collision.translatesReferenceBoundsIntoBoundary = YES;
157     
158     // 3.開始仿真
159     [self.animator addBehavior:gravity];
160     [self.animator addBehavior:collision];
161 }
162 @end

一些測試效果：

　　

代碼補充說明：

（1）加速度

速度：point/s

加速度：point/s²

1\2 * 加速度 * t²

  　gravity.magnitude = 1000; // 重力加速度越大，碰撞越厲害    

（2）重力的方向

　　座標以下：

　　

重力方向（二維向量）

說明：給定座標平面內的一個點。而後用原點（0，0）來鏈接它，就構成了一個向量。

注意：在IOS中以左上角爲座標原點，向右x增長，向下Y越大。

　　　　

1     //（3）設置重力的方向（是一個二維向量）
2     gravity.gravityDirection=CGVectorMake(-1, 1);

重力方向爲左下角（西南）方向

（3）碰撞檢測行爲

1  UICollisionBehavior *collision = [[UICollisionBehavior alloc] init];
2     [collision addItem:self.redView];
3     CGPoint startP = CGPointMake(0, 160);
4     CGPoint endP = CGPointMake(320, 400);
5     [collision addBoundaryWithIdentifier:@"line1" fromPoint:startP toPoint:endP];
6     CGPoint startP1 = CGPointMake(320, 0);
7     [collision addBoundaryWithIdentifier:@"line2" fromPoint:startP1 toPoint:endP];

注意：標識符不能寫空。能夠寫字符串，由於須要標識符須要遵照NSCopying協議，而字符串知足要求。

（4）貝賽爾曲線

　　

提示：這裏的path是一個圓，設置寬高不同，那麼得出來的就是一個橢圓。