第17回始めてのコードを書く｜ドットインストールでiPhoneアプリ作成を勉強

作成:2013/09/04

前回（第16回タブコントローラーを表示させる｜ドットインストールでiPhoneアプリ作成を勉強）まではXcodeのGUIを使ってのアプリ開発でした。今回からObjective-Cのコードを書いてアプリを作成していきます。

新しいプロジェクトの作成

「command」+「shift」+「n」を同時押しで新規プロジェクトの作成画面が表示される。
「Single View Application」を選択し「Next」をクリック。
Xcode新規プロジェクトの作成

「Product Name」を「MyFourthApp」として、他の設定は以前通りで、「Next」をクリック。
新規アプリの作成

保存場所もいつも通りで「XcodePractices」内に作成。「Create」をクリック。
Xcode 2

アプリの内容として、ボタンが押されるとラベルが変化するというアプリを作成する。

ストーリボードを開き、ユーティリティーエリアの「Object-library」から、「Label」と「Round Rect Button」をドラッグ＆ドロップで追加。

ラベルの幅を多少広くし、ボタンの内容を「Push Me!」に変更。

アシスタントエディターを表示させ、ラベルを「control」キーを押しながら「@interface」下にドラッグ＆ドロップ。
ラベルをインターフェースにドラッグ＆ドロップ

下記画像のような吹き出しが出てくるので、名前を「labeltext」に変更し、「Connect」をクリック。
ラベルに名前をつける

ボタンも同じように「control」キーを押しながらドラッグ＆ドロップ。ボタンなので、「Connection」の部分を「Action」に変更。「Name」を「buttonPush」に変え、「Connect」をクリック。

上記を行うと「ViewController.h」と「ViewController.m」に自動的にコードを追加してくれる。

上記を行うとナビゲーションエリアの「ViewController.m」ファイルに「- (IBAction)buttonPush:(id)sender」という部分が追加されているので、ココに先程追加したボタンにつけたい機能のコードを書いていく。
機能を書く場所

括弧内に下記のように一行追加する。

- (IBAction)buttonPush:(id)sender {
    self.labeltext.text = @"You Pushed Me!";
}

この一文の意味は
self(自分自身のViewにある).labeltext(labeltextという名前のオブジェクトの).text(テキストに)　= @”You Pushed Me!”（You Pushed Me!とい文を代入する）;（終わり）
という意味。

実際にシミュレーターを起動して動作を確認。シミュレーターで確認

「Push Me!」をクリックするとラベルの文字が変わった！