[iOS][Objective-C] StoryBoardを使ったUI実装

流れ

1. MainStoryboard.storyboardに右下ペインから任意のUIパーツを選択、ドラッグで設置。

2. UIパーツをViewController.hの@interface~@endの間にドラッグ。
   　→設定ダイアログがポップアップされるので、任意値を設定。

3. この時点で、ViewController.mに設置したActionの定義が自動追記されているので、
   メソッドの中身を追記していく。

Sample

以下機能を持つサンプルをつくる。
・ボタンを押すとアラートダイアログが表示される
・ダイアログ内での選択に応じて表示文字列を変化させる。

1. MainStoryboard.storyboardにLabelとRoundRectButtonを設置

2. LabelとRoundRectButtonをViewController.hの@interface~@endの間にドラッグ。
   設定ダイアログ内での値は

Connection:Outlet
Object:ViewController
Name:labelForAlertView
Type:UILabel
Storage:Weak

Connection:Action
Object:ViewController
Name:showAlertView
Type:id
Event:TouchUpInside
Arguments:None

※Connection
　Buttonなどイベントを設置するものはAction
　　→メソッドとしてViewControllerに定義が自動追記される。
　特にイベント発火しないlabelなどのリソースはOutlet
　　→propertyとしてViewControllerに定義が自動追記される。

するとViewController.h上に

@property (weak, nonatomic) IBOutlet UILabel *labelForAlertView

 - (IBAction)showAlertView;

の二つが自動生成される

1. ViewController.mに以下メソッドが自動追記されているので、

 - (IBAction)showAlertView {   
}

メソッドの中身を実装。

 - (IBAction)showAlertView {

        UIAlertView *alertView = [
            [UIAlertView alloc] initWithTitle:@"たいとる" 
            message:@"本文" 
            delegate:nil 
            cancelButtonTitle:nil 
            otherButtonTitles:@"OK", nil
        ];
        [alertView show];
}

これで、RoundRectButtonをタップすると、alertViewが表示される。

さらに、alertView内でのアクションを拾うメソッドを追記する。

- (void)alertView:(UIAlertView *)alertView
        clickedButtonAtIndex:(NSInteger)buttonIndex
{
        if(buttonIndex == 0){
            self.labelForAlertView.text = @"canceled";
        } else if (buttonIndex == 1) {
            self.labelForAlertView.text = @"ok is pushed";
        }
}

buttonIndexは、alertView内でキャンセル選択で0、OK選択で1を返す。
ここではそれにあわせてlabelForAlertViewの値を書き換えている。

参考

iPhoneアプリ開発超入門
http://www.sbcr.jp/products/4797369434.html