您的位置:首页 > 产品设计 > UI/UE

UIProgressView和UISlider

2015-07-24 09:06 357 查看

UIProgressView

显示一个UIProgressView

import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {
super.viewDidLoad()

let progressView = UIProgressView(progressViewStyle: .Bar)
progressView.center = view.center
progressView.progress = 20.0/30.0
progressView.trackTintColor = UIColor.lightGrayColor()
progressView.tintColor = UIColor.blueColor()
view.addSubview(progressView)

}

}


效果如下:



UISlider

显示一个UISlider

import UIKit

class ViewController: UIViewController {

var slider: UISlider!

override func viewDidLoad() {
super.viewDidLoad()

slider = UISlider(frame: CGRect(x: 0, y: 0, width: 200, height: 23))
slider.center = view.center
slider.minimumValue = 0
slider.maximumValue = 100
slider.value = slider!.maximumValue / 2.0
view.addSubview(slider)

}

}


效果如下:



给UISlider添加事件

import UIKit

class ViewController: UIViewController {

var slider: UISlider!

func sliderValueChanged(slider: UISlider){
print("Slider's new value is \(slider.value)")
}

override func viewDidLoad() {
super.viewDidLoad()

slider = UISlider(frame: CGRect(x: 0, y: 0, width: 200, height: 23))
slider.center = view.center
slider.minimumValue = 0
slider.maximumValue = 100
slider.value = slider!.maximumValue / 2.0

slider.addTarget(self,
action: "sliderValueChanged:",
forControlEvents: .ValueChanged)

view.addSubview(slider)

}

}

定制简单的UISlider

设置了不同状态下,滑块的图片。

import UIKit

class ViewController: UIViewController {

var slider: UISlider!

override func viewDidLoad() {
super.viewDidLoad()

slider = UISlider(frame: CGRect(x: 0, y: 0, width: 200, height: 23))
slider.center = view.center
slider.minimumValue = 0
slider.maximumValue = 100
slider.value = slider!.maximumValue / 2.0

slider.setThumbImage(UIImage(named: "ThumbNormal"), forState: .Normal)
slider.setThumbImage(UIImage(named: "ThumbHighlighted"), forState: .Highlighted)

view.addSubview(slider)

}

}


效果如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: