iPhoneSDKを理解する~ビューの接続~

今回は、iPhoneSDKを理解する~ビューの接続~について。

概要としては、以下の通り。

XcodeでSingle View Applicationテンプレートを用いて、

下記条件でプロジェクトを作成する。

Product Name : Sample0003-1

Devices : iPhone

Use Storyboards : ON

その他 : OFF

 

作成したプロジェクトのストリートボードから、

Button追加

Button Titleをclickに変更

control + D&DでIBOutletmを下記条件でConnect

　Connection : Outlet

　Name : buttonClick

　Type : UIButton

 

control + D&DでIBActionを下記条件でConnect

　Connection : Action

　Name : buttonClickTouch

　Type : UIButton

　Event : Touch Up Inside

 

上記Connectの際に、

自動で追加されたActionにログ出力を記述。

 

実行する。

ボタンクリックの際、

Debug Areaにログが出力される。

 

詳細手順は、以下の通り。

1.XcodeのテンプレートからSingle View Applicationを選択し、

下記条件で新規プロジェクトを作成する。

Product Name : Sample0003-1

Devices : iPhone

Use Storyboards : ON

その他 : OFF

 

 

2.ControlsからRound Rect ButtonをViewにD&Dし、

追加し、Titleをclickに変更する。

 

3.optionキーを押下したままViewController.hをクリックし、

Connect先のファイルを表示する。

 

 

4.controlキーを押下したままButtonからViewController.hの

@interface ~ @end内にD&Dする。

 

5.表示されるポップアップに下記設定を行い、

「Connect」ボタンをクリックする。

Connection：Outlet

Name：buttonClick

Type：UIButtion

 

6.ViewController.mをクリックし、

自動で追加された項目を確認する。

今回の場合は、deallocに

[_buttonClick release];

の一行が追加される。

 

7.さらに、IBActionも同様に下記条件で追加する。

Connection : Action

Name : buttonClickTouch

Type : UIButton

Event : Touch Up Inside

Connectionをクリックし、OutletからActionに変更する。

 

8.ViewController.mをクリックし、

自動で追加された項目を確認する。

今回の場合は、

- (IBAction)buttonClickTouch:(UIButton *)sender {
}

が追加されている。

9.ログ出力を記述する。

　8.にて確認したメソッド内に下記のようにログ出力を記述する。

    NSLog(@"clicked");

 

10.Debug areaを表示する。

XcodeのViewボタンのDebug area表示切り替えボタンをクリックし、

Debug areaを表示する。

 

11.実行し、表示されるシミュレータのButtonをクリックする。

クリックするごとに、Debug areaに「clicked」とログが表示される。

 

iPhone SDK アプリケーション開発ガイド

• 作者: Jonathan Zdziarski
• 出版社/メーカー: オライリージャパン
• 発売日: 2009/09/07
• メディア: 大型本

 

タグ：iOSプログラミング