【超基本】カウントアップで学ぶ①if文

はじめに

本記事はプログラミング初学者の筆者が、備忘録として作成した記事である。

ゴール

・カウントアップ機能を持ったアプリの完成。
・簡単なif文が使えるようになる。

内容

・Upボタン...Labelの数字が+1される。
・Downボタン...Labelの数字が-1される。
・Resetボタン...Labelなどの表示が初期化される。

if文の利用
・Labelが5になった時、画像が表示される。(謎要素)※UIImageViewを設定
・Labelが5になった時、Labelが赤色になる。
・Labelが10以上になった時、Labelが黄色になる。
・Labelが0以下になった時、Labelが黒色になる。

完成：Simulator画像

①初期画面。Label=0

②5になった時。Label=5,色=red,imageViewを表示。

③10になった時。Label=10,色=yellow。

④resetボタン→①の状態へ。

完成：実際のコード

countUp.Swift

import UIKit

class ViewController: UIViewController {
    
    
    @IBOutlet weak var countLabel: UILabel!
    @IBOutlet weak var imageView: UIImageView!
    
    var count = 0

    override func viewDidLoad() {
        super.viewDidLoad()

        //初期ラベルの文字に”０”と表示する
        countLabel.text = "0"

    }
    
    @IBAction func UPButton(_ sender: Any) {
        
        count = count + 1
        //.textに合わせるため、count(int型)をString型にしなければならない。
        countLabel.text = String(count)
        
        if count >= 10  {
            //10以上になったらcountTextColerが呼ばれる=yellow
            countTextColer()
        }
            else if count == 5 {
            //5の場合は文字色=赤色になり、画像が表示される。
            redTextColor()
            imageView.image = UIImage(named: "画像ファイル名")
            }
        
    }
    
    @IBAction func DOWNButton(_ sender: Any) {
        
        count = count - 1

        countLabel.text = String(count)
        
        if count <= 0 {

            //0以下になったらresetTextColerが呼ばれる=0
            resetTextColor()

            //imageViewの画像を非表示。
            imageView.image = UIImage()
            
        }
            else if count == 5 {
            redTextColor()
            }
        
    }
    @IBAction func ResetButton(_ sender: Any) {
        resetButton()
    }
    
    
    //func 自分で決めたメソッド名(){動かしたいメソッド}
    
    func countTextColer() {
        countLabel.textColor = .yellow
        
    }
    func  resetTextColor(){
        countLabel.textColor = .black

    }
    func redTextColor(){
        countLabel.textColor = .red
    }
    func resetButton(){
        //imageViewの画像を非表示にする。
        imageView.image = UIImage()
        count = 0
        //Labelに0を表示する。
        countLabel.text = String(0)
        countLabel.textColor = .black
    }
    
}

結果

簡単なif文が使えるようになる...かもしれない。