[iOS 7] [UI Dynamics] 新しく追加されたUIDynamics

iOS 7 特集

#UIKit

#iOS

平井祐樹

2013.09.19

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

タイトルの通りです！非常に便利な機能がiOS 7から追加になりました。個人的にチョー好きです。

Dynamic Behaviors for Views

どんなものかというと、例えば重力に従ってアニメーションさせたりする場合、今まではしちめんどくさいプログラムを書かなければなりませんでした。UIKitによるアニメーションで実装する場合は、重力加速度を考慮して実装しなければなりません。実装する場合はライブラリを使ったりなんかもしました。さらに、地面に衝突したらバウンドさせたい場合はどうでしょう？？
私は物理あんまり得意ではないので、考えたくありません。まぁ、実装するのとても面倒ですよね。

このように自由落下運動１つとってもいざ実装するとなると結構大変なわけですが、UIDynamicAnimatorとその仲間たちを使用するこのようなしちめんどくさいダイナミックなアニメーションがひじょーーーに簡単に実装できちゃいます！！

落下運動の他にも、ビューオブジェクトをスナップさせたり、バネみたいな動きをさせたりなどいろんなことができます。こういうところはiOSって本当に開発者に親切ですよね。それでは実際にソースコードを書いて、見てみましょう。

サンプルコードを動かしてみよう！

まずはプロジェクト作成。当然ですがXcode5で作ってくださいね！プロジェクトはSingle View Animationを選択しましょう。プロジェクトを作成したら、ViewController.mを以下のように変更しましょう。

ViewController.m

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic) UIDynamicAnimator *animator;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    // アニメーションさせるビュー（赤い四角）
    UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(110.0, 0.0, 100.0, 100.0)];
    myView.backgroundColor = [UIColor redColor];
    [self.view addSubview:myView];

    // UIDynamicAnimator！今回の主役
    self.animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];

    // UIDynamicAnimatorの仲間たち１。重力を司る者
    UIGravityBehavior *gravityBeahvior = [[UIGravityBehavior alloc] initWithItems:@[myView]];

    // UIDynamicAnimatorの仲間たち２。衝突を司る者
    UICollisionBehavior *collisionBehavior = [[UICollisionBehavior alloc] initWithItems:@[myView]];
    collisionBehavior.translatesReferenceBoundsIntoBoundary = YES;

    // アニメーターにビヘイビアを登録
    [self.animator addBehavior:gravityBeahvior];
    [self.animator addBehavior:collisionBehavior];
}

@end

たったこれだけです。実行してみましょう。