今回はボタンとテキストを使用したカウントアップアプリを作成しました。
単純にボタンをタップしたらテキストに表示されている数字が1ずつ増えていくだけのアプリです。
完成品が以下の写真の通りになっています。
では実際に解説してきます。
1)Main.storyboard
ボタンとLabelを配置するだけです。
あとはそれぞれ右クリックからのドラッグ&ドロップでViewControllerに関連づける作業をします。
最後に、ボタンをクリックされた時の処理をするため、ボタンのUIを右クリックして”Touch up inside”をコードにドラッグ&ドロップします。これによりボタンがタップされた時に呼び出される関数が作成されるので記述していきます。
2)ViewController.swift
コードを載せます。
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var tapbutton: UIButton!
@IBOutlet weak var countlabel: UILabel!
var count:Int = 0
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
@IBAction func buttontapped(_ sender: Any) {
count += 1
countlabel.text = String(count)
}
}
下にある関数のbuttontappedはボタンがタップされた時に呼ばれる関数です。
この中に変数"count"をプラス1してLabelに表示すれば完成となります。
countはInt型ですが、表示する場合にはString型として表示します。(正しいのかはわからないが)