随手记UIKit Dynamics

简介:

趁着今年WWDC的开展,我又回顾了下去年的一些内容,发现有些新特性博客上都没有记录,想想iOS 8都出来了,iOS 7的特性再不随手记录下都晚了 :)

参考WWDC 2013的Session Videos《Getting Started with UIKit Dynamics》和《Advanced Techniques with UIKit Dynamics》,随手记了以下几点:

UIKit Dynamics是抽象出来封装好的二维物理引擎,并自定义了UIKit物理世界的两个常量,用UIKit重力加速度1000p/s2替换了地球重力加速度,用UIKit牛顿第二定律每一单位的力可以使得100p*100p的view产生100p/s2的加速度来替换1F = 1Kg * 1m/s2。

从使用者的角度来看,UIKit Dynamics有如下几个角色:

UIDynamicAnimator —— 封装了底下的物理引擎,使得我们可以方便地添加物理行为;

UIDynamicBehavior —— 定义了物理行为的类型;

UIDynamicItem      —— 参与物理动画的对象;



借用两张网上的照片来描述三者之间的关系,分别来自http://www.teehanlax.com/blog/introduction-to-uikit-dynamics/ 和 WWDC 2013。

下面是具体的demo代码。首先我们创建UIDynamicAnimator:

self.animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];
使用self.view作为参考系。

接着,创建要作用物理动画的视图对象,不妨为一个label:

    UILabel *label = [[UILabel alloc] initWithFrame:(CGRect){100, 100, 100, 40}];
    label.backgroundColor = [UIColor redColor];
    [self.view addSubview:label];
于是我们可以在label上添加重力加速度和碰撞的物理效果:
    UIGravityBehavior *gravityBehavior = [[UIGravityBehavior alloc] initWithItems:@[label]];
    [self.animator addBehavior:gravityBehavior];
    
    UICollisionBehavior *collisionBehavior = [[UICollisionBehavior alloc] initWithItems:@[label]];
    collisionBehavior.translatesReferenceBoundsIntoBoundary = YES;
    [self.animator addBehavior:collisionBehavior];
这就能创建出十分生动的物理动画了。

除此之外,我们还可以在视图上加上作用力:

    self.pushBehavior = [[UIPushBehavior alloc] initWithItems:@[label] mode:UIPushBehaviorModeInstantaneous];
    self.pushBehavior.pushDirection = CGVectorMake(1.0f, 0);
    [self.animator addBehavior:self.pushBehavior];

这样,label就不是垂直往下掉了,而是有个水平作用力使得label撞向边缘。

为了使得动画更有趣,可以加点用户的交互:

    UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(didPanLabel:)];
    [label addGestureRecognizer:panGesture];

为label添加一个拖动手势,相当于作用于label上的力的来源:

#pragma mark - 

- (void)didPanLabel:(UIPanGestureRecognizer *)panGesture
{
    UIGestureRecognizerState state = panGesture.state;
    if (state == UIGestureRecognizerStateEnded) {
        CGPoint velocity = [panGesture velocityInView:self.view];
        self.pushBehavior.pushDirection = CGVectorMake(velocity.x / 1000, velocity.y / 1000);
        self.pushBehavior.active = YES;
    }
}

这样,当检测到用户施力作用在label之上时,label会被丢出去。
目录
相关文章
|
程序员 API C语言
【c/c++】属于程序员的浪漫,基于easyx.h图形库实现3D Heart
【c/c++】属于程序员的浪漫,基于easyx.h图形库实现3D Heart
258 0
Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)
原文:Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)   在Silverlight的动画框架中,ScaleTransform类提供了在二维空间中的坐标内进行缩放操作,通过ScaleTransform可以在水平或垂直方向的缩放和拉伸对象,以实现一个简单的缩放动画效果,故此我将其称为缩放动画(ScaleTransform)。
942 0
|
搜索推荐 Android开发 iOS开发
UWP 手绘视频创作工具技术分享系列 - Ink & Surface Dial
原文:UWP 手绘视频创作工具技术分享系列 - Ink & Surface Dial 本篇作为技术分享系列的第四篇,详细讲一下手绘视频中 Surface Pen 和 Surface Dial 的使用场景。
1469 0
|
图形学 索引 机器学习/深度学习
|
编解码 开发框架 数据可视化