iOS开发拓展篇—UIDynamic(重力行为+碰撞检测)
一、重力行为
说明:给定重力方向、加速度,让物体朝着重力方向掉落
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²)
二、碰撞行为
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;
代理对象(可以监听元素的碰撞过程)
三、代码示例
在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是一个圆,设置宽高不一样,那么得出来的就是一个椭圆。