1. 程式人生 > >[Xcode10 實際操作]四、常用控制元件-(7)UIStepper控制元件的使用

[Xcode10 實際操作]四、常用控制元件-(7)UIStepper控制元件的使用

本文將演示步進控制元件的基本用法。步進控制元件常用於小範圍數值的調整。

在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】

 1 import UIKit
 2 
 3 class ViewController: UIViewController {
 4 
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         // Do any additional setup after loading the view, typically from a nib.
8 //建立一個位置在(80,100),尺寸為(60,30)的顯示區域 9 let rect = CGRect(x: 80, y: 100, width: 60, height: 30) 10 //初始化標籤物件,並設定其位置和尺寸。標籤物件將用來顯示步進物件的值。 11 let label = UILabel(frame: rect) 12 //設定標籤物件的預設文字 13 label.text = "0" 14 //設定標籤物件的標誌值,方便將來再次呼叫標籤物件 15 label.tag = 1
16 //將標籤物件,新增到當前檢視控制器的根檢視 17 self.view.addSubview(label) 18 19 //建立一個位置在(130,100),尺寸為(0,0)的顯示區域 20 let rect2 = CGRect(x: 130, y: 100, width: 0, height: 0) 21 //初始化步進物件,並設定其位置和屬性 22 let stepper = UIStepper(frame: rect2) 23 //然後設定步進物件的物件大小為自適應 24
stepper.sizeToFit() 25 //接著設定步進物件的預設值為0 26 stepper.value = 0 27 //設定步進物件的最小值為0 28 stepper.minimumValue = 0 29 //設定步進物件的最大值為10 30 stepper.maximumValue = 10 31 //設定步進物件每次遞增或遞減的值為1 32 stepper.stepValue = 1 33 34 //給步進物件,新增狀態變化事件 35 stepper.addTarget(self, action: #selector(ViewController.valueChanged(_:)), for: UIControl.Event.valueChanged) 36 37 //將步進物件,新增到當前檢視控制器的根檢視 38 self.view.addSubview(stepper) 39 } 40 41 //新增一個方法,用來處理步進物件事件 42 @objc func valueChanged(_ stepper:UIStepper) 43 { 44 //獲得步進物件的值 45 let value = stepper.value 46 //通過標誌值,獲取根檢視下的標籤物件 47 let label = self.view.viewWithTag(1) as! UILabel 48 //設定標籤物件的文字內容,為控制元件物件的數值 49 label.text = "\(value)" 50 } 51 52 override func didReceiveMemoryWarning() { 53 super.didReceiveMemoryWarning() 54 // Dispose of any resources that can be recreated. 55 } 56 }