如何在iOS7中使用UIKit动力之UICollisionBehavior

原文出处:点击打开链接


在本教程中我们将要使用重力和碰撞效果,我们准备创建一个矩形视图,在重力的驱动下向下落,但是这次落到app的下边缘时不是直接消失而是有一个碰撞效果。


开始在Xcode5中创建一个新的“Single View Application”工程:

Xcode5 newProject

给它取名为iCollision并选择设备为iPhone:

Xcode 5 name project

ViewController.h中添加两个属性,第一个是矩形视图,第二个是动态动画(它的项包含我们需要的动画)

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

@property (nonatomic) UIDynamicAnimator* animator;

现在,我们转到Main.storyboard去创建一个矩形视图并将这个视图连接到我们之前在ViewController.h中创建的属性

设定矩形视图的大小:

Width: 300 Height: 100

然后将其背景色设置成白色以外的颜

做了上面这些步骤之后的效果是:

Xcode 5 add UIView

现在我们又到ViewController.m的viewDidLoad写下如下代码初始化Dynamic Animator:

_animator = [[UIDynamicAnimator alloc]initWithReferenceView:self.view];


添加并定义“重力”:

UIGravityBehavior* gravityBeahvior = [[UIGravityBehavior alloc] initWithItems:@[self.rettangolo]];


添加并定义“碰撞”,连接到之前创建的矩形视图:

UICollisionBehavior* collisionBehavior = [[UICollisionBehavior alloc] initWithItems:@[self.rettangolo]]; 

collisionBehavior.translatesReferenceBoundsIntoBoundary = YES;

UIDynamicItemBehavior* propertiesBehavior = [[UIDynamicItemBehavior alloc] initWithItems:@[self.rettangolo]]; 

propertiesBehavior.elasticity = 0.7; 


除了初始化各种行为,我们还要为每个添加了的效果定义属性

至于collisionBehavior,要定义一个碰撞边界,指示之前定义的碰撞行为在此边界处发生。

至于涉及item的propertiesBehavior行为,我们正用它设置矩形视图的弹性属性。


现在我们只将我们创建的三个“行为”添加到“_animator”:

[_animator addBehavior:propertiesBehavior]; 

[_animator addBehavior:gravityBeahvior]; 

[_animator addBehavior:collisionBehavior];

现在,运行程序,我们将会看到模拟器中矩形视图在向下落,在停在底部之前还要反弹几次。

iPhone Simulator iOS 7 scene 1iPhone Simulator iOS 7 scene 2iPhone Simulator iOS 7 scene 3iPhone Simulator iOS 7 scene 4

 

ViewController.m中加入以下代码,我们还可以在矩形视图碰撞的时候改变颜色:

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

{

    [(UIView*)item setBackgroundColor:[UIColor blackColor]]; 

}


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

{

    [(UIView*)item setBackgroundColor:[UIColor grayColor]]; 

}

效果是碰撞开始发生时矩形视图是黑色的,碰撞结束时视图是灰色的。要使这段代码运行起来,需要在ViewController.h中添加碰撞的代理collisionDelegate

@interface ViewController : UIViewController<UICollisionBehaviorDelegate>

然后在ViewController.m的ViewDidLoad函数最后添加:

collisionBehavior.collisionDelegate = self;

现在编译运行:

 iPhone Simulator iOS 7 scene2 1iPhone Simulator iOS 7 scene2 2iPhone Simulator iOS 7 scene2 3iPhone Simulator iOS 7 scene2 4

 

       
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值