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 :推动效果 ,UISnapBehavior:迅速移动效果,UIAttachmentBehavior:附着效果

// UIPushBehavior :推动效果 typedef NS_ENUM(NSInteger, UIPushBehaviorMode) { UIPushBehaviorModeContinuo...
  • ldl_csdn_ios
  • ldl_csdn_ios
  • 2015年10月05日 17:45
  • 2080

UIPushBehavior的简单使用

动态行为的一种
  • WKFfantasy
  • WKFfantasy
  • 2016年02月22日 15:10
  • 711

iOS-UIDynamic物理仿真-推力-UIPushBehavior

推力-UIPushBehavior 动画效果的实现要结合之前写到的重力、碰撞行为- (void)viewDidLoad { [super viewDidLoad]; // Do an...
  • Cz090921
  • Cz090921
  • 2016年03月16日 00:00
  • 239

Flash镜头移动效果制作

Flash的制作过程中会需要用到镜头的推拉摇移的效果,但不知道方法,其实就是利用场景大小的原理来完成,下面是我自己找到的方法,不知道专不专业。 首先大家应该知道你自己设定的舞台大小是多少,那...
  • zjj5067311
  • zjj5067311
  • 2015年07月04日 15:52
  • 2362

自定义转场效果 presentViewController实现由左向右

本文主要是记录一些在网上找到的一些方法,然后自己整理了下让自己更好理解一点, 如有侵权,请告知 本次实现的代码主要是在网上下载的一些转场动画的基础上更改一下 但是源代码下载地址给忘了,有点对不起原...
  • qq_31927183
  • qq_31927183
  • 2016年06月01日 15:06
  • 1904

移动端垂直翻页+css3动画经验总结

1、学会分析问题,用专业的眼光看问题不能浮于表面。例如,翻页 首先要弄清楚鼠标事件(touchstart/touchmove/touchend); 其次,分析事件触发过程以及在这个过程...
  • angelsunshuli
  • angelsunshuli
  • 2016年10月25日 17:42
  • 1450

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

例子学习网址:http://examples.adobe.com/flex3/componentexplorer/explorer.html 例子学习网址:http://examples.ado...
  • spring19840513
  • spring19840513
  • 2011年08月17日 13:26
  • 1180

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

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

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

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

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

在游戏中,我们经常会看到鱼在游,人在跑,那么这些便是通过Cocos2d-x中的动画来实现的,一个动画是由精灵帧序列组成。下面笔者将教大家如何如何将多张图片打包到一起,如何利用打包好的图片生成一个动画。...
  • u012945598
  • u012945598
  • 2013年11月27日 19:42
  • 3090
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UIPushBehavior-动画效果:推移行为
举报原因:
原因补充:

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