社員ブログ
HOME  社員ブログ
ホーム > Interface Builder, Objective-C, Xcode, 社員:cobra > イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

2012年06月16日 15時11分07秒

こんにちは、コブラです。

 

今回は画面遷移について!

どんなアプリを作るにしたって、

画面の移動、切り替えはほぼ絶対必要ですよね!

 

では、サクサクいきましょー!

まず、RootViewControllerを追加した手順で、

SecondViewControllerを作成しましょう!

忘れてしまった人は、第6回の前篇を復習してくださいね!

で、作るとこんな感じに。

 

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

 

せっかくなのでSecondViewController.xibにも何か配置しましょう。

分かりやすいものがいいですね。

こんな感じで。(Labelとボタンを追加。その手順は以前の記事で!)

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

(クリックで拡大)

 

次は、RootViewController.mを開きましょう。

下の画像のように入力します。

 

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

(クリックで拡大)

 

簡単に説明すると、まずメイン画面(RootViewController)から次の画面を呼び出すために、

次の画面クラス(SecondViewController.h)をインポートします。

これから、このファイルを呼び出すために使いますよっていう宣言ですね。

で、ボタンのイベントの中で実際に使っています。

とりあえず、今はこういう書き方なんだと覚えてください。

 

では、シミュレータを起動します。

TAP!!ボタンを押して、次のような画面が出てきましたか?

それなら成功です!

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

(クリックで拡大)

 

ただ、2枚目の画面の「もどる」ボタンは無反応・・・当然ですよね。

では、今までのおさらいとして、この「もどる」ボタンにもイベントを書いてみましょう!

イベントが書けたら、こんなコードを追加します。

 

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

(クリックで拡大)

 

改めて、シミュレータを実行!

どうですか?「もどる」ボタンで前の画面に戻りましたか?

細かい説明をはぶいてしまいましたが、

オーソドックスな画面遷移はこんな感じで書けます。

ちょっとアプリっぽいことがしたい人は、

RootViewController.mとSecondViewController.mに書いたコードの「animated:NO」の部分を、

YESに変えてみてください。

それだけでも、画面遷移に動きが加わったことが分かると思います。

 

次回は、アプリを盛り上げてくれるアイツラの紹介です!

お楽しみに!

 

 

 

シリーズ記事一覧

イチから学ぶiPhone/iPadアプリ開発 第1回 「Macって何?」

イチから学ぶiPhone/iPadアプリ開発 第2回 「Xcodeって何?」

イチから学ぶiPhone/iPadアプリ開発 第3回 「プロジェクトって何?」

イチから学ぶiPhone/iPadアプリ開発 第4回 「計画を形にしよう!」

イチから学ぶiPhone/iPadアプリ開発 第5回 「ドキドキのシミュレータ!」

イチから学ぶiPhone/iPadアプリ開発 第5.5回 「実機でテストしたい!」

イチから学ぶiPhone/iPadアプリ開発 第6回 「Interface Builderを使ってみる!前篇」

イチから学ぶiPhone/iPadアプリ開発 第6回 「Interface Builderを使ってみる!後篇」

イチから学ぶiPhone/iPadアプリ開発 第7回 「XcodeとInterface Builderの怪しい関係!?」

イチから学ぶiPhone/iPadアプリ開発 第8回 「アイコンと起動時画面を設定したい!」

イチから学ぶiPhone/iPadアプリ開発 第9回 「イベントを知ろう!」

イチから学ぶiPhone/iPadアプリ開発 第10回 「オリジナルの画像を設定したい!」

イチから学ぶiPhone/iPadアプリ開発 第11回 「画面を切り替えよう!」

イチから学ぶiPhone/iPadアプリ開発 第12回 「BGMや効果音を付けよう!」

イチから学ぶiPhone/iPadアプリ開発 最終回 「アプリよ、永遠に~つまり、まとめ~」

Interface Builder, Objective-C, Xcode, 社員:cobra