[Swift]UIKit學習之滑塊控件UISlider的用法

UIKit學習之滑塊控件UISlider的用法

Slider:

Sliders enable users to interactively modify some adjustable value in an app, such as speaker volume or screen brightness. 

UISlider:

A UISlider object is a visual control used to select a single value from a continuous range of values. Sliders are always displayed as horizontal bars. An indicator, or thumb, notes the current value of the slider and can be moved by the user to change the setting.

UISlider控件的建立：

(1) 在Stroyboard中使用Ctrl+Drag拖拽法建立

(2) 代碼建立

//建立slider控件
let slider=UISlider(frame:CGRectMake(0,0,300,50))
//設置slider
slider.center=self.view.center
slider.minimumValue=0  //最小值
slider.maximumValue=1  //最大值
slider.value=0.5  //當前默認值
  
self.view.addSubview(slider)

設置UISlider控件的值：

Slider的值範圍是0-1,是六位數的浮點數

slider.setValue(0.8,animated:true)

slider.minimumValue=0  //最小值
slider.maximumValue=1  //最大值

設置UISlider控件的邊槽顏色：

//設置邊槽的顏色
slider.minimumTrackTintColor=UIColor.redColor()   //左邊槽的顏色,默認是藍色的
slider.maximumTrackTintColor=UIColor.brownColor() //右邊槽的顏色,默認是灰色的

代碼示例：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        let slider=UISlider(frame:CGRectMake(0,0,300,50))
        slider.center=self.view.center
        slider.minimumValue=0  //最小值
        slider.maximumValue=1  //最大值
        slider.value=0.5  //當前默認值
        
        slider.continuous=false  //滑塊滑動中止後才觸發ValueChanged事件
        
        //添加響應事件
        slider.addTarget(self, action:"sliderDidchanged:", forControlEvents:UIControlEvents.ValueChanged)
        
        //設置邊槽的顏色
        slider.minimumTrackTintColor=UIColor.redColor()   //左邊槽的顏色,默認是藍色的
        slider.maximumTrackTintColor=UIColor.brownColor() //右邊槽的顏色,默認是灰色的
        
        self.view.addSubview(slider)
        
    }

    
    //響應事件函數
    func sliderDidchanged(slider:UISlider){
        
        //輸出控件的值
        print(slider.value)
        
        //設置Slider的值大小爲0.8
        //slider.setValue(0.8, animated:true)
        //print(slider.value)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

開發環境：

Xcode Version 7.0 (7A220)

參考資料：

http://www.hangge.com/blog/cache/detail_536.html

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UISlider.html

https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISlider_Class/index.html