• UIDynamic物理引擎


    iOS开发拓展篇—UIDynamic(简单介绍)

    一、简单介绍

    1.什么是UIDynamic

    UIDynamic是从iOS 7开始引入的一种新技术,隶属于UIKit框架

    可以认为是一种物理引擎,能模拟和仿真现实生活中的物理现象

    如:重力、弹性碰撞等现象

    2.物理引擎的价值

    广泛用于游戏开发,经典成功案例是“愤怒的小鸟”

    让开发人员可以在远离物理学公式的情况下,实现炫酷的物理仿真效果

    提高了游戏开发效率,产生更多优秀好玩的物理仿真游戏

    3.知名的2D物理引擎

    Box2d

    Chipmunk

    二、使用步骤

    要想使用UIDynamic来实现物理仿真效果,大致的步骤如下

    (1)创建一个物理仿真器(顺便设置仿真范围)

    (2)创建相应的物理仿真行为(顺便添加物理仿真元素)

    (3)将物理仿真行为添加到物理仿真器中  开始仿真

    三、相关说明

    1.三个概念

    (1)谁要进行物理仿真?

      物理仿真元素(Dynamic Item)

    (2)执行怎样的物理仿真效果?怎样的动画效果?

      物理仿真行为(Dynamic Behavior) 

    (3)让物理仿真元素执行具体的物理仿真行为

      物理仿真器(Dynamic Animator)

    2.物理仿真元素

    注意:

    不是任何对象都能做物理仿真元素

    不是任何对象都能进行物理仿真

    物理仿真元素要素:

    任何遵守了UIDynamicItem协议的对象

    UIView默认已经遵守了UIDynamicItem协议,因此任何UI控件都能做物理仿真

    UICollectionViewLayoutAttributes类默认也遵守UIDynamicItem协议

    3.物理仿真行为

    (1)UIDynamic提供了以下几种物理仿真行为

    UIGravityBehavior:重力行为

    UICollisionBehavior:碰撞行为

    UISnapBehavior:捕捉行为

    UIPushBehavior:推动行为

    UIAttachmentBehavior:附着行为

    UIDynamicItemBehavior:动力元素行为

    (2)物理仿真行为须知

    上述所有物理仿真行为都继承自UIDynamicBehavior

    所有的UIDynamicBehavior都可以独立进行

    组合使用多种行为时,可以实现一些比较复杂的效果

    4.物理仿真器

    (1)物理仿真器须知

    它可以让物理仿真元素执行物理仿真行为

    它是UIDynamicAnimator类型的对象

    (2)UIDynamicAnimator的初始化

    - (instancetype)initWithReferenceView:(UIView *)view;

    view参数:是一个参照视图,表示物理仿真的范围

    5.物理仿真器的说明

    (1)UIDynamicAnimator的常见方法

      - (void)addBehavior:(UIDynamicBehavior *)behavior;    //添加1个物理仿真行为

      - (void)removeBehavior:(UIDynamicBehavior *)behavior;  //移除1个物理仿真行为

      - (void)removeAllBehaviors;    //移除之前添加过的所有物理仿真行为

    (2)UIDynamicAnimator的常见属性

      @property (nonatomic, readonly) UIView* referenceView;  //参照视图 

      @property (nonatomic, readonly, copy) NSArray* behaviors;//添加到物理仿真器中的所有物理仿真行为

      @property (nonatomic, readonly, getter = isRunning) BOOL running;//是否正在进行物理仿真

      @property (nonatomic, assign) id <UIDynamicAnimatorDelegate> delegate;//代理对象(能监听物理仿真器的仿真过程,比如开始和结束)

     

    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²

    12 * 加速度 * 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是一个圆,设置宽高不一样,那么得出来的就是一个椭圆。

     
     

    iOS开发拓展篇—UIDynamic(捕捉行为)

    一、简介

    可以让物体迅速冲到某个位置(捕捉位置),捕捉到位置之后会带有一定的震动

    UISnapBehavior的初始化

      - (instancetype)initWithItem:(id <UIDynamicItem>)item snapToPoint:(CGPoint)point;

    UISnapBehavior常见属性

      @property (nonatomic, assign) CGFloat damping;

      用于减幅、减震(取值范围是0.0 ~ 1.0,值越大,震动幅度越小)

    UISnapBehavior使用注意

      如果要进行连续的捕捉行为,需要先把前面的捕捉行为从物理仿真器中移除

    二、代码说明

    在storyboard中放一个view控件,作为演示用的仿真元素。

    代码如下:

    复制代码
     1 //
     2 //  YYViewController.m
     3 //  13-捕捉行为
     4 //
     5 //  Created by apple on 14-8-8.
     6 //  Copyright (c) 2014年 yangyong. All rights reserved.
     7 //
     8 
     9 #import "YYViewController.h"
    10 
    11 @interface YYViewController ()
    12 @property (weak, nonatomic) IBOutlet UIView *blueView;
    13 @property(nonatomic,strong)UIDynamicAnimator *animator;
    14 @end
    15 
    16 @implementation YYViewController
    17 
    18 -(UIDynamicAnimator *)animator
    19 {
    20     if (_animator==nil) {
    21         //创建物理仿真器,设置仿真范围,ReferenceView为参照视图
    22         _animator=[[UIDynamicAnimator alloc]initWithReferenceView:self.view];
    23     }
    24     return _animator;
    25 }
    26 - (void)viewDidLoad
    27 {
    28     [super viewDidLoad];
    29 }
    30 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
    31 {
    32     //获取一个触摸点
    33     UITouch *touch=[touches anyObject];
    34     CGPoint point=[touch locationInView:touch.view];
    35     
    36     //1.创建捕捉行为
    37     //需要传入两个参数:一个物理仿真元素,一个捕捉点
    38     UISnapBehavior *snap=[[UISnapBehavior alloc]initWithItem:self.blueView snapToPoint:point];
    39     //设置防震系数(0~1,数值越大,震动的幅度越小)
    40     snap.damping=arc4random_uniform(10)/10.0;
    41     
    42     //2.执行捕捉行为
    43     //注意:这个控件只能用在一个仿真行为上,如果要拥有持续的仿真行为,那么需要把之前的所有仿真行为删除
    44     //删除之前的所有仿真行为
    45     [self.animator removeAllBehaviors];
    46     [self.animator addBehavior:snap];
    47 }
    48 
    49 @end
     
  • 相关阅读:
    6 Django的视图层
    5 Django-2的路由层(URLconf)
    4 Django简介
    3 web框架
    2 http协议
    1 web应用
    15-jQuery补充
    14-jQuery的ajax
    13-轮播实现(各种)
    12-事件委托(事件代理)
  • 原文地址:https://www.cnblogs.com/W-Kr/p/5211808.html
Copyright © 2020-2023  润新知