[iOSアプリ開発][Xcode 8] カウンターを作る

ボタンを押すごとに数値が増えていくアプリを作る方法。

具体的には、ボタンを押すとラベルの数字が1ずつ上がっていくようにしたい。さらに、リセットボタンを作って、それを押すとラベルが0になるようにしたい。

(0)プロジェクトを作成する。

(1)Main.storyboard をクリック。数値表示用のラベルとして、Object library の Label を画面にドラッグアンドドロップする。

(2)Object library の Button を画面にドラッグアンドドロップする。これを押すことで、1のラベルの数値が上がるようにしていく。

(3)リセットボタンとして、Object library の Button を画面にドラッグアンドドロップする。Attributes inspector でボタンの名前を「リセット」としておく。

(4)右上の円が二つ重なった Show the Assistant editor アイコンをクリックし、エディタを表示する。

(5)1のラベルを右クリックで右側の ViewController のエディタへドラッグアンドドロップ。以下のように設定する。

Connection;Outlet
Name ;CounterLabel
Type ;UILabel
Storage ;Weak

(6)2のボタンを右クリックで右側の ViewController のエディタへドラッグアンドドロップ。以下のように設定する。

Connection;Action
Name ;Button
Type ;AnyObject
Event:Touch Up Inside
Arguments:Sender

(7)6のアクションを以下のように書く。

1    var num:Int = 0
2    
3    @IBAction func Button(_ sender: AnyObject) {
4        num += 1
5        CounterLabel.text = String(num)
6    }

(8)3のボタンを右クリックで右側の ViewController のエディタへドラッグアンドドロップ。以下のように設定する。

Connection;Action
Name ;Reset
Type ;AnyObject
Event:Touch Up Inside
Arguments:Sender

(9)8のアクションを以下のように書く。

1    @IBAction func Reset(_ sender: AnyObject) {
2        num = 0
3        CounterLabel.text = "0"
4    }

参考:
SwiftとXcode6でカウンターアプリを作るレシピ – コードレシピ
http://coderecipe.jp/recipe/4as5Ari4QI/