社員ブログ
HOME  社員ブログ
ホーム > Interface Builder, Objective-C, Xcode, 社員:cobra > イチから学ぶiPhone/iPadアプリ開発 第6回 「Interface Builderを使ってみる!後篇」

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

2012年05月24日 10時26分00秒

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

 

 

後篇でいよいよInterface Builderの出番です!

前篇はこちら!

 

前篇で作成したクラスを使っていきます。

AppDelegateってクラスは何なんだ?と思うと思いますが、

プロジェクト起動時(実行時)の最初に呼ばれるクラスだと思ってください。

 AppDelegateが最初に呼ばれる
AppDelegateがRootViewControllerを呼ぶ(ように前回書いた)

という感じですね!

 

さて、ではRootViewController.xibをクリックしてください。

こんな画面が現れましたか?

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

(クリックで拡大)

 

これがInterface Builderの画面です。

真ん中にある白い背景のもの、見覚えありませんか?

上部に電池マークがありますね。

そう!これがiPhoneの画面キャンバスです!

ここにあれやこれやを配置していくわけです!

ではサクサク進みましょう!

下の画像の通り、ラベルパーツを画面上にドラッグ&ドロップします。

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

(クリックで拡大)

 

次に、『Label』という文字を変えましょう!

文字の部分をダブルクリックすると編集モードになります。

そこに『helloworld』と打ってください。まあ、文字自体は何でもいいですw

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

(クリックで拡大)

 

これでOK!

「command」キーと「S」キーを同時押しして保存しましょう!

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

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

この状態で「Run」ボタンをクリックです。

 

そうそう、もしユーザの権限がなくて、

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

こんな画面が出る場合は、管理者権限のユーザ名とパスワードを入れてください。

 

さて、シミュレータを起動しましたか?

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

(クリックで拡大)

 

こんな画面になっていれば成功です!

 

こうやって、色々なパーツを簡単な操作だけで画面に配置していけるのが

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や効果音を付けよう!」

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

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

  1. コメントはまだありません
  1. トラックバックはまだありません