频道栏目
首页 > 程序开发 > 移动开发 > IOS > 正文
如何在iOS7中使用UIKit动力之UICollisionBehavior
2014-01-27 15:16:33         来源:也嘉的专栏  
收藏   我要投稿

原文出处:点击打开链接


在本教程中我们将要使用重力和碰撞效果,我们准备创建一个矩形视图,在重力的驱动下向下落,但是这次落到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 SimulatZ喎vciBpT1MgNyBzY2VuZSAx">iPhone 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

然后在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

本文源码下载
点击复制链接 与好友分享!回本站首页
相关TAG标签 动力
上一篇:ios开发指南-第1-3章
下一篇:Iphone 模拟器截屏
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站