[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のアクションを以下のように書く。

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

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

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

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

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

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