イチから学ぶiPhone/iPadアプリ開発 第6回 「Interface Builderを使ってみる！後篇」
こんにちは、コブラです。
後篇でいよいよInterface Builderの出番です！
前篇で作成したクラスを使っていきます。
AppDelegateってクラスは何なんだ？と思うと思いますが、
プロジェクト起動時（実行時）の最初に呼ばれるクラスだと思ってください。
AppDelegateが最初に呼ばれる
↓
AppDelegateがRootViewControllerを呼ぶ（ように前回書いた）
という感じですね！
さて、ではRootViewController.xibをクリックしてください。
こんな画面が現れましたか？
（クリックで拡大）
これがInterface Builderの画面です。
真ん中にある白い背景のもの、見覚えありませんか？
上部に電池マークがありますね。
そう！これがiPhoneの画面キャンバスです！
ここにあれやこれやを配置していくわけです！
ではサクサク進みましょう！
下の画像の通り、ラベルパーツを画面上にドラッグ＆ドロップします。
（クリックで拡大）
次に、『Label』という文字を変えましょう！
文字の部分をダブルクリックすると編集モードになります。
そこに『helloworld』と打ってください。まあ、文字自体は何でもいいですｗ
（クリックで拡大）
これでOK！
「command」キーと「S」キーを同時押しして保存しましょう！
では、シミュレータを起動します。
この状態で「Run」ボタンをクリックです。
そうそう、もしユーザの権限がなくて、
こんな画面が出る場合は、管理者権限のユーザ名とパスワードを入れてください。
さて、シミュレータを起動しましたか？
（クリックで拡大）
こんな画面になっていれば成功です！
こうやって、色々なパーツを簡単な操作だけで画面に配置していけるのが
Interface Builderのいいところ！
他のパーツも追々説明することになるかも？
次回もお楽しみに！
シリーズ記事一覧
イチから学ぶ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や効果音を付けよう！」
最近のコメント