【Xcode】アニメーションでビューを動かす方法

こんにちは。iPhoneアプリ開発に関する記事をコツコツ書いているアキオ（@akio0911）です。

iOSアプリ開発に関する記事まとめ – 拡張現実ライフ

今日は、ビューをアニメーションで動かす方法を紹介したいと思います。

ビューの初期化

以下のようなコードで、アニメーションさせる対象のビューを用意します。

UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 50, 50)];
redView.backgroundColor = [UIColor redColor];
[self.view addSubview:redView];

アニメーションでビューを移動させる

アニメーションでビューを移動させるには、以下のようなコードを記述します。

[UIView animateWithDuration:4.0 // 4秒かけてアニメーション
                 animations:^
{
    CGRect frame = redView.frame;
    frame.origin.x += 100; // 右に100移動
    redView.frame = frame;
}];

アニメーションでビューを回転させる

アニメーションでビューを回転させるには、以下のようなコードを記述します。

[UIView animateWithDuration:4.0 // 4秒かけてアニメーション
                 animations:^
 {
     redView_.transform = CGAffineTransformRotate(redView_.transform, 90.0 / 180.0 * M_PI); // 90度回転
 }];

アニメーションでビューを透明にする

アニメーションでビューを透明にするには、以下のようなコードを記述します。

[UIView animateWithDuration:4.0 // 4秒かけてアニメーション
                 animations:^
 {
     redView_.alpha = 0.0; // 透明にする
 }];

アニメーションでビューの色を変更する

アニメーションでビューを色を変更するには、以下のようなコードを記述します。

[UIView animateWithDuration:4.0
                 animations:^
 {
     redView_.backgroundColor = [UIColor blueColor];
 }];

詳細情報

ビューのアニメーションに関する更に詳しい情報は、日本語ドキュメント – Apple DeveloperにあるiOS View プログラミングガイドを参照してみて下さい。

Xcode 4ではじめるObjective-Cプログラミング

posted with カエレバ

大津　真 ラトルズ 2012-01-25