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

公開日: : 最終更新日:2014/01/05 iOSアプリ開発

記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

    

こんにちは。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 プログラミングガイドを参照してみて下さい。

    

関連記事

サンフランシスコのピア39にあるチャウダーズでクラムチャウダーを食す!

lolipop アップルの開発者向けイベント「WWDC2014」

ミスドのカルピスドーナツとカルピスポンデリングを食べてみた!

ミスドで期間限定のカルピスコラボ商品「カルピスドーナツ」と「カルピ

十三カレー計画で牛すじカレーネギのせを食す!(大阪・十三)

「iPhoneアプリ開発キャンプ@大阪」のランチで、十三カレー計画

大阪・難波の加寿屋 法善寺でかすうどんを食す。ランチタイムはおにぎり2個まで無料!

大阪・難波の加寿屋 法善寺 (かすうどん KASUYA)で、かす

ライブドアブログで運営していた「あきお商店」を「卵は世界である」に改名しました

少し前からライブドアブログで「あきお商店」というブログをやって

→もっと見る

PAGE TOP ↑