Stepper Demo

1. 新增專案



2. 尋找 UI Stepper 元件



3. 連結 UI Stepper 元件至 Code



4. 新增 UI Label 顯示 Stepper 的結果



5. 製作增加 increase 事件



6. 設定 Stepper 的事件 Action



7. 完整程式

//
//  ViewController.swift
//  StepperDemo
//
//  Created by Elvis Meng on 2015/10/18.
//  Copyright © 2015年 Elvis Meng. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var stepper: UIStepper!
    @IBOutlet weak var showStepper: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        stepper.minimumValue = 0
        stepper.maximumValue = 10
        stepper.stepValue = 1
        stepper.value = 0
        
        showStepper.text = "Your value :" + String(stepper.value)
    }

    @IBAction func stepperClick(sender: UIStepper) {
        showStepper.text = "Your value :" + String(stepper.value)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}


8. 測試



後記：

UI Stepper 這元件有 + 與 - 這 2 個方向，剛開始會以為需要設定 2 個 Action，一個處理正向 + 增加值，另一個處理負向 - 減少值。事實上只要新增一個 click action 即可，正負向由此元件來控制。

UI Stepper 這元件尺寸大小是固定，不能變更。

參考：

1. Stepper, https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/Stepper.html

2. UI Stepper Class, https://developer.apple.com/library/prerelease/ios/documentation/UIKit/Reference/UIStepper_Class/

3. String Format Specifiers, https://developer.apple.com/library/prerelease/ios/documentation/Cocoa/Conceptual/Strings/Articles/formatSpecifiers.html