Storyboardから始めるiPhoneアプリ開発

==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

前回はStoryboardでインターフェースを作成しました。

↓前回の記事
iPhoneアプリでHelloWorldを表示する（２）〜Storyboardでインターフェースを作る〜

今回はついにアプリを動かします。

ますコード上でLabelとRound Rect Buttonを定義します。

左のサイドバーからViewController.mを選択します。
コードファイルが表示されるはずです。



以下のように追記してください。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

    IBOutlet UILabel *lbl_HelloWorld;
    IBOutlet UIButton *btn_HelloWorld;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
}

ボタンのアクションを追記します。
今回はボタンを押すとラベルにHelloWorld!!と表示されるアクションを追記します。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

    IBOutlet UILabel *lbl_HelloWorld;
    IBOutlet UIButton *btn_HelloWorld;
}

-(IBAction)CallHelloWprld{

    lbl_HelloWorld.text = @"HelloWorld!!";    
}

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
}

コード上で定義できたら、ビルドしておきましょう。
command+Bです。ビルドすることで定義がアプリに反映されます。

次に画面上のLabel,Round Rect Buttonとコード上のLabel,Round Rect Buttonを紐付けます。

左のサイドバーからMainStoryboard.Storyboardを選択してください。
そして、iPhone画面の下にあるバーをクリックし、右のサイドバー上の矢印をクリックします。
下記のキャブチャを見ると分かりやすいと思います。赤い丸が付いている2カ所です。



コードとインターフェースを紐付けます。
下記キャブチャの右サイドバー上の赤丸の部分をドラッグし、該当のオブジェクトにドロップしましょう。
そうです。画像のイメージです。



アクションを紐付けましょう。画像の青線でつながっている部分を上記の要領で紐付けていきます。
ドロップをするとボタンの動作方法の選択ポップアップが表示されます。
Touch up insideを選択しましょう。



これで完成です！！
RUNボタンをおしてみてください。



どうでしょうか？
やってみたら簡単ですね。

今後も簡単な操作のチュートリアルをアップしていきますので、応援を宜しくお願いします。

関連記事

• iPhoneアプリでHelloWorldを表示する（３）〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜
• iPhoneアプリでHelloWorldを表示する（２）〜Storyboardでインターフェースを作る〜
• iPhoneアプリでHelloWorldを表示する（１）〜Xcodeを立ち上げて環境を整える〜

1. 2012/03/08(木)|
2. HelloWorldの作り方
3. | トラックバック:0
4. | コメント:0