[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/