iPhone開発。まずはサンプルを動かしてみよう：ここが大変だよiPhone開発（2）（3/3 ページ）

Hello Worldを作ってみる

　XcodeとInterfaceBuilderを使って、ボタンを押したらテキストボックスにHelloWorldと表示されるアプリを作ってみましょう。

・プロジェクトの作成

　メニューのファイル＞新規プロジェクトから、ViewBasedApplicationを「Example02」として作成します。

プロジェクトの新規作成

・テンプレートソースコードの解説テンプレートソースコードの解説

　まずはOtherSourcesにあるmain.mを開いてください。例に漏れずmain関数からプログラムはスタートします。

Main.m

　NSAutoreleasePoolの初期化と開放処理以外は、UIApplicationMain関数を実行しています。このUIApplicationMain関数では、XIBリソースのロードと初期化を行い、完了後にInfo.plistファイルに記述しているメインXIBのApp Delegateのクラス（今回はExample02AppDelegateクラス）に対して、applicationDidFinishLaunching:(UIApplication)applicationをコールします。

Example02AppDelegate.m

　applicationDidFinishLaunching:(UIApplication)application では、windowオブジェクトにviewControllerオブジェクトのviewプロパティをsubViewに追加しています。これによってExample02ViewControllerが画面に表示されるようになります。

　Example02AppDelegateクラスでは、windowオブジェクトやviewControllerオブジェクトの生成・初期化は一切行っていません。

　これらのオブジェクトはXIBロード時に自動でXIBの設定どおりにすべてバックグラウンドでやってくれています。

Example02ViewController.m

　このソースファイルは、ほとんどがコメントアウトされています。必要な場合はコメントアウトを外して、自分で実装していきます。

Hello Worldの実装

　今回は、ボタンを押したときにHelloWorldと表示するアプリケーションを作成するので、ボタンのタップイベント時に実行する関数とテキストボックス変数を作成します。

・テキストボックス変数の作成

@interface Example02ViewController:UIViewController{
    IBOutlet UITextField*helloText; 
}

　IBOutletはInterfaceBuilderで使用する変数だということを宣言する構文です。これがないとInterfaceBuilderで見つけることができません。

・ボタンハンドラの作成

@interface Example02ViewController:UIViewController{ 
IBOutlet UITextField * helloText; 
} 
-(IBAction)tapHello:(id)sender;

　ボタンハンドラとしてtapHello関数を宣言します。InterfaceBuilderでイベント設定する関数はすべてこの形式（戻り値がIBActionで引数がid型1つ）で宣言します。

-(IBAction)tapHello:(id)sender{
helloText.text = @”HelloWorld!”;
}

　タップされた場合には、helloTextのtextプロパティに文字列Helloをセットします。ソースコードの修正は以上で、次はInterfaceBuilderでGUIを作成します。

・GUIの作成

　Example02ViewController.xibを開いてInterfaceBuilderを起動します。初期状態ではViewには何も設定されていません。

初期状態のUIView

　LibraryからViewの真ん中辺りにTextFieldをドラッグして張り付けましょう。

TextFieldを中心に配置

　TextFieldを選択した状態で、InspecterのConnectionsを開きます。まだ何も設定されていません。

TextFieldのインスペクタ画面

　リストの中にNewReferencingOutletがあるので、右側の○をFile'sOwnerにドラッグ＆ドロップします。先ほどソースコードに記入したhelloTextが出てくるので、それを選択します。

InterfaceBuilderでOutletの設定

　これでXIBロード時に初期化されたTextFieldオブジェクトは、Example02ViewControllerクラスのhelloText変数に自動でセットされます。

　続いて同様にLibraryから真ん中辺りにButtonをドラッグして張り付けましょう。

Buttonを中心に配置

　今度はButtonを選択した状態で、InspecterのAttributesを開きます。Titleという欄があるので「Hello」と入力します。

Buttonにテキストを追加

　続いて、InspecterのConnections を開きます。リストの中に、TouchUpInsideがあるので、先ほどと同様○からFile'sOwnerにドラッグ＆ドロップします。同様にソースコードに記入したtapHelloが出てきますので、それを選択します。

InterfaceBuilderでActionの設定

　以上でHelloWorldの開発は終わりです。

Hello Worldの実行

　シミュレータで実行してみましょう。HelloボタンをタップでHelloWorldが表示されましたか？

ボタンを押した前と後

著者紹介

佐々木義一郎

コニット

初仕事から約8年、一貫してJava＋Oracleなどのオープン系技術者として従事。大小さまざまな開発プロジェクトを経験し、現在はコニットにて念願の自社製品開発に奮起。手掛けたアプリ、サムライチェス、メロディベルに続き、おならアプリ「メロディっ屁」も販売中。