2016年12月22日 星期四

[iOS] Slider元件

Slider元件是一個像滑動電阻器的元件,功能和Stepper元件類似。

它只有一個鈕,拖動來改變數值。


系統預設Slider元件的寬為118 pixels,高為31 pixels。與Stepper元件不同,

Slider元件的寬度可以改變,但高度無法變更。


Slider元件有幾個屬性比較常用:


Minimum 元件可設定的最小值,預設為0 。

Maxmum 元件可設定的最大值,預設為1。

Value 元件目前設定值,預設為0.5  。

Minimum Track Tint 元件左方的顏色,預設為藍色。

Maxmum Track Tint 元件右方的顏色,預設為灰色。

Continuous Updates  無勾選則會等停止拖動後,才會改變數值,預設為勾選。




























來做一個拉動Slider就會將Value顯示在Label上的範例





















程式碼如下

//
//  ViewController.swift
//  compoment
//
//  Created by boywhy chen on 2016/12/19.
//  Copyright © 2016 boywhy chen. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

  
    @IBOutlet weak var mLabel: UILabel!
    @IBOutlet weak var mSlider: UISlider!
  
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    @IBAction func mSliderValueChange(sender: UISlider) {
        
        mLabel.text = "\(sender.value)"
    }
}



接下來我們改變一下Minimum Track Tint


mSlider.minimumTrackTintColor = UIColor.blackColor()













再改一下Maxmum Track Tint


mSlider.maximumTrackTintColor = UIColor.redColor()















沒有留言:

張貼留言