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

    

関連記事

no image

iPhoneゲーム

爆発をもっと格好良くしたいですね。

記事を読む

IMG_6430.png

カレンダー・リマインダーにアクセスしているアプリをiOS 6のプライバシー設定に対応させる方法

     こんにちは。アキオ(@akio0911)です。 アプリからiOSのカレ

記事を読む

dash-20130802-1818.jpg

【iOSアプリ開発】Dashでドキュメントのページ内を素早く検索する方法があった!

     以前紹介記事を書いた、クラスリファレンスを素早く検索・表示できるMacアプリ

記事を読む

20140304-013828.jpg

UISegmentedControlを使ってUIViewControllerを切り替える方法

先日紹介した「カスタムコンテナビューコントローラーを作る」の応用例として、UISegment

記事を読む

skitched-20121010-112357.png

アドレス帳にアクセスしているアプリをiOS 6のプライバシー設定に対応させる方法

     こんにちは。アキオ(@akio0911)です。 iOS 6からプライバ

記事を読む

skitched-20120412-172614.png

Xcodeのリファレンスよりも快適! クラスリファレンスを素早く検索・表示できるアプリ「Dash」

     Dash (Docs & Snippets) カテゴリ: 開発ツール

記事を読む

20140301-003135.jpg

【iOS】カスタムコンテナビューコントローラーを作る

コンテナビューコントローラーは、子となるビューコントローラーを内包できる特殊なビューコントロ

記事を読む

skitched-20121011-211731.png

iOSでアプリからカレンダーに予定を追加する方法

     こんにちは。アキオ(@akio0911)です。 前回はiPhoneのカ

記事を読む

20140527-000424.jpg

CGPoint・CGSize・CGRectをログ出力する際に便利な関数

今日は、iOSアプリ開発でCGPoint・CGSize・CGRectをログ出力する際に便利な

記事を読む

skitched-20121011-184226.png

iOSのEventKitでiPhoneのカレンダー情報を読み取る方法

    こんにちは。アキオ(@akio0911)です。 先日はカレンダー・リマイ

記事を読む

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

アップルの開発者向けイベント「WWDC2014」に参加するため

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑