论Swift开发入门:滑块（UISlider）

• 转载请声明出处：http://blog.csdn.net/jinnchang/article/details/44487407
  ------------------------------------------------------------------------------------------
  

  1、Summary

  

  

  ------------------------------------------------------------------------------------------
  

  2、Code

  view sourceprint?

  01.//

  02.//  ViewController.swift

  03.//  UISliderSample

  04.//

  05.//  Created by jinnchang on 15/3/19.

  06.//  Copyright (c) 2015年 Jinn Chang. All rights reserved.

  07.//

  08. 

  09.import UIKit

  10. 

  11.class ViewController: UIViewController {

  12. 

  13.var mySlider: UISlider?

  14. 

  15.override func viewDidLoad() {

  16. 

  17.// 定义一个按钮，使 slider 复位

  18.let button1 = UIButton.buttonWithType(.System) as? UIButton

  19.button1?.frame = CGRectMake(self.view.frame.width/2 - 100, 50, 200, 50)

  20.button1?.setTitle("reset", forState: UIControlState.Normal)

  21.button1?.addTarget(self, action: "buttonAction:", forControlEvents: UIControlEvents.TouchUpInside)

  22.button1?.tag = 1

  23. 

  24.// 定义一个按钮，获取当前 slider 的值

  25.let button2 = UIButton.buttonWithType(.System) as? UIButton

  26.button2?.frame = CGRectMake(self.view.frame.width/2 - 100, 150, 200, 50)

  27.button2?.setTitle("get value", forState: UIControlState.Normal)

  28.button2?.addTarget(self, action: "buttonAction:", forControlEvents: UIControlEvents.TouchUpInside)

  29.button2?.tag = 2

  30. 

  31.// 定义一个 slider

  32.mySlider = UISlider(frame:CGRectMake(self.view.frame.width/2 - 100, 400, 200, 100))

  33.// 设置滑块所能滚动到的最小值

  34.mySlider?.minimumValue = 0

  35.// 设置滑块所能滚动到的最大值

  36.mySlider?.maximumValue = 100

  37.// 设置默认值

  38.mySlider?.value = 20

  39.// 设置是否连续触发事件，如果设为 false，在滑动过程中不触发，如果设为 true，在滑动过程中会连续触发

  40.mySlider?.continuous = true

  41.// 设置滑块左轨的图片

  42.mySlider?.setMinimumTrackImage(UIImage(named: "track.png"), forState: UIControlState.Normal)

  43.// 设置滑块右轨的图片

  44.mySlider?.setMaximumTrackImage(UIImage(named: "track.png"), forState: UIControlState.Normal)

  45.// 设置滑块的图片

  46.mySlider?.setThumbImage(UIImage(named: "thumb.png"), forState: UIControlState.Normal)

  47.// 注意这里要加UIControlStateHightlighted的状态，否则当拖动滑块时滑块将变成原生的控件

  48.mySlider?.setThumbImage(UIImage(named: "thumb.png"), forState: UIControlState.Highlighted)

  49.// 设置 slider 左侧图片

  50.mySlider?.minimumValueImage = UIImage(named: "min.png")

  51.// 设置 slider 右侧图片

  52.mySlider?.maximumValueImage = UIImage(named: "min.png")

  53.// 添加控制事件

  54.mySlider?.addTarget(self,action:Selector("sliderValueChange:"), forControlEvents: UIControlEvents.ValueChanged)

  55.mySlider?.addTarget(self,action:Selector("sliderDragUp:"), forControlEvents: UIControlEvents.TouchUpInside)

  56. 

  57.self.view.addSubview(button1!)

  58.self.view.addSubview(button2!)

  59.self.view.addSubview(mySlider!)

  60.}

  61. 

  62./// 按钮响应事件

  63.func buttonAction(sender: UIButton) {

  64.var num = sender.tag

  65.switch num {

  66.case 1:

  67.if(mySlider?.value != 20){

  68.mySlider?.setValue(20, animated: true)

  69.}

  70.case 2:

  71.println("value:(mySlider!.value)")

  72.default:

  73.break

  74.}

  75.}

  76. 

  77./// 滑块拖动时的事件

  78.func sliderValueChange(sender: UISlider) {

  79.println("value:(sender.value)")

  80.}

  81. 

  82./// 滑块拖动后的事件

  83.func sliderDragUp(sender: UISlider) {

  84.println("value:(sender.value)")

  85.}

  86. 

  87.}
  ------------------------------------------------------------------------------------------
  

  3、Resource

  Github 上项目地址：https://github.com/jinnchang/JinnSwiftSamples/tree/master/UISliderSample
  

  文章最后更新时间：2015年3月20日09:54:24。参考资料如下：

  UIKit User Interface Catalog: Sliders

  UISlider Class Reference

延伸阅读：