#2 商品展示 UIStepper 應用

這個App使用UIStepper、TableViewController構成，

讓我能對於outlet及action作簡單的應用。

１、於Navigation Bar設置View，使Label放置在上面，並製作”總和“Label.

２、連結所有的Label

import UIKit
class ShowTableViewController: UITableViewController {
    @IBOutlet weak var m1Label: UILabel!
    @IBOutlet weak var m2Label: UILabel!
    @IBOutlet weak var m3Label: UILabel!
    @IBOutlet weak var m4Label: UILabel!
    @IBOutlet weak var m5Label: UILabel!
    @IBOutlet weak var m6Label: UILabel!
    @IBOutlet weak var m7Label: UILabel!
    @IBOutlet weak var m8Label: UILabel!
    @IBOutlet weak var m9Label: UILabel!
    @IBOutlet weak var m10Label: UILabel!
    @IBOutlet weak var totalLebel: UILabel!

３、生成變數

    var m1Counter = 0
    var m2Counter = 0
    var m3Counter = 0
    var m4Counter = 0
    var m5Counter = 0
    var m6Counter = 0
    var m7Counter = 0
    var m8Counter = 0
    var m9Counter = 0
    var m10Counter = 0
    var totalMoney = 0

實作時一直忘記這個步驟，在如何定義func計算金額加總時，卡關很久

４、加入Stepper的Action

    @IBAction func m1Stepper(_ sender: UIStepper) {
        m1Counter = Int(sender.value)
        m1Label.text = String(m1Counter)
        countAction()
    }
    @IBAction func m2Stepper(_ sender: UIStepper) {
        m2Counter = Int(sender.value)
        m2Label.text = String(m2Counter)
        countAction()
    }
以下略。

我有看過別的同學的寫法，可以精簡Action 不用寫出１０個，

但目前還是用基礎的寫法來練習。

５、定義func

func countAction() {
        totalMoney = m1Counter * 1000 + m2Counter * 1680 + m3Counter * 399 + m4Counter * 1800 + m5Counter * 1999 + m6Counter * 199 + m7Counter * 120 + m8Counter * 799 + m9Counter * 25 + m10Counter * 55
        totalLebel.text = String("total:\(totalMoney)")
    }

６、上傳GitHub

mirrorsalt667/practicing-UIStepper

Photo by George Bakos on Unsplash