UIPushBehavior-动画效果:推移行为

翻译 2013年12月06日 13:31:55

1。从一点移到另一点

2。相关属性

       mode : UIPushBehaviorModeContinuous  //推移模式

       angle : setAngle  //推移角度

       magnitude : setMagnitude  //速度   每1个magnigude将会引起100/平方秒的加速度   


e.g. 

  

p1 : squareView的中心点  p2 : 单击的点  

促使squareView朝着p2移动,因为加了UICollisionBehavior,所以移动时又不会超过边界


- (void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    
    [self createGestureRecognizer];
    [self createSmallSquareView];
    [self createAnimatorAndBehaviors];
}

- (void) createGestureRecognizer{  //侦测视图单击
    UITapGestureRecognizer *tapGestureRecognizer =
    [[UITapGestureRecognizer alloc] initWithTarget:self  action:@selector(handleTap:)];
    [self.view addGestureRecognizer:tapGestureRecognizer];
}

- (void) handleTap:(UITapGestureRecognizer *)paramTap{

    CGPoint tapPoint = [paramTap locationInView:self.view];  //p2
    CGPoint squareViewCenterPoint = self.squareView.center;  //p1

    CGFloat deltaX = tapPoint.x - squareViewCenterPoint.x;
    CGFloat deltaY = tapPoint.y - squareViewCenterPoint.y;
    CGFloat angle = atan2(deltaY, deltaX);  
    [self.pushBehavior setAngle:angle];  //推移的角度
   

    //勾股
    CGFloat distanceBetweenPoints =
    sqrt(pow(tapPoint.x - squareViewCenterPoint.x, 2.0) +
         pow(tapPoint.y - squareViewCenterPoint.y, 2.0));
    //double pow(double x, double y);计算以x为底数的y次幂
    //double sqrt (double);开平方
    
    [self.pushBehavior setMagnitude:distanceBetweenPoints / 200.0f]; //推力的大小(移动速度)
    //每1个magnigude将会引起100/平方秒的加速度,这里分母越大,速度越小
    
}

- (void) createSmallSquareView{
    self.squareView =[[UIView alloc] initWithFrame: CGRectMake(0.0f, 0.0f, 80.0f, 80.0f)];
    
    self.squareView.backgroundColor = [UIColor greenColor];
    self.squareView.center = self.view.center;
    
    [self.view addSubview:self.squareView];
}


- (void) createAnimatorAndBehaviors{
    self.animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];
    
    /* Create collision detection */
    UICollisionBehavior *collision = [[UICollisionBehavior alloc]
                                      initWithItems:@[self.squareView]];
    collision.translatesReferenceBoundsIntoBoundary = YES;
    
    self.pushBehavior = [[UIPushBehavior alloc]
                         initWithItems:@[self.squareView]
                         mode:UIPushBehaviorModeContinuous];
    
    [self.animator addBehavior:collision];
    [self.animator addBehavior:self.pushBehavior];
}




相关文章推荐

UIPushBehavior的简单使用

动态行为的一种

UIPushBehavior :推动效果 ,UISnapBehavior:迅速移动效果,UIAttachmentBehavior:附着效果

// UIPushBehavior :推动效果 typedef NS_ENUM(NSInteger, UIPushBehaviorMode) { UIPushBehaviorModeContinuo...

Flex组件的行为和动画效果(实例)

例子学习网址:http://examples.adobe.com/flex3/componentexplorer/explorer.html 例子学习网址:http://examples.ado...

IOS开发-UIView之动画效果的实现方法(

IOS开发-UIView之动画效果的实现方法(合集) 时间 2015-01-05 13:48:00  GarveyCalvin 原文  http://www.cnblogs.com/Garve...

Cocos2d-x教程(4)-创建动画效果,TexturePacker工具

在游戏中,我们经常会看到鱼在游,人在跑,那么这些便是通过Cocos2d-x中的动画来实现的,一个动画是由精灵帧序列组成。下面笔者将教大家如何如何将多张图片打包到一起,如何利用打包好的图片生成一个动画。...

iOS开发-UIView之动画效果的实现方法(合集)

UIView,animation

Cocos2d-x教程(4)-创建动画效果,TexturePacker工具

在游戏中,我们经常会看到鱼在游,人在跑,那么这些便是通过Cocos2d-x中的动画来实现的,一个动画是由精灵帧序列组成。下面笔者将教大家如何如何将多张图片打包到一起,如何利用打包好的图片生成一个动画。...

IOS开发-UIView之动画效果的实现方法

前言:在开发APP中,我们会经常使用到动画效果。使用动画可以让我们的APP更酷更炫,最重要的是优化用户体验,但取决于动画的质量。像QQ、微信、新浪微博等APP,动画效果就很好了,至少我很喜欢它们的动画...

iOS开发- 点击通知栏回到顶部的动画效果

你可能经常会用到点击通知栏回到顶部的功能,那这么动画效果怎么实现呢?一开始博主也被误导了,用基础动画来写,麻烦不说,效果还不好,后来才知道原来系统提供了相应的方法,网上给出了好几种用法,还有种错误的用...

IOS开发-UIView之动画效果的实现方法(合集)

IOS开发-UIView之动画效果的实现方法(合集)
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UIPushBehavior-动画效果:推移行为
举报原因:
原因补充:

(最多只允许输入30个字)