Swift UISwitch/UIProgressView/UISlider

来源：互联网发布：tik江苏泰微课网络课程编辑：程序博客网时间：2024/05/18 20:49

1.UISwitch

开关视图,可以让用户快速的开关一个功能,比如蓝牙,wif等.

系统默认样式:

上面绿色的开启状态,下面的是关闭状态.

UISwitch的构成部分:

//MARK: initSwitchView    var coun : NSInteger = 0    func initSwitchView() {        let testSwitch = UISwitch.init(frame: CGRectMake(100, 100, 51, 31))        self.view.addSubview(testSwitch)                //        testSwitch.on = true  // 设置开关状态        //        testSwitch.onTintColor = UIColor.redColor()        testSwitch.tintColor = UIColor.blueColor()        testSwitch.thumbTintColor = UIColor.redColor()        testSwitch.setOn(true, animated: true) // 设置动画                        testSwitch.addTarget(self, action: #selector(ViewController.UISwitchValueChange), forControlEvents:UIControlEvents.ValueChanged)    }//MARK: UISwitchValueChange 事件    func UISwitchValueChange() {        self.coun = self.coun + 1        print("\(self.coun)")    }

UISwitch的大小是W51H31,这固定在,在设置它的frame的时候可以不设置其大小.为什么是固定的呢?我们可以在IB里面看看就知道了.

拖一个控件在IB中,我们看看

这个控件比较简单,一般使用系统样式就可以了,主要是增加值改变事件.

2.UIProgressView

UIProgressView进度条样式.默认最小值是0,最大值是0且不可以改变.

UIProgressView的构成部分:

UIProgressView的样式:

UIProgressView的高度也是固定的,固定值是2.

//MARK: initProcessView    func initProcessView() {        let testProcessView = UIProgressView.init(frame: CGRectMake(60, 150, 200, 2))        self.view.addSubview(testProcessView)                testProcessView.tag = 1;//        testProcessView.progress = 0.8//        testProcessView.progressImage = UIImage.init(named: "1")//        testProcessView.progressTintColor = UIColor.redColor()//        testProcessView.trackTintColor = UIColor.greenColor()//        testProcessView.trackImage = UIImage.init(named: "2")//        testProcessView.progressViewStyle = .Bar  //样式                NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: #selector(ViewController.UIProgressViewvalueChange), userInfo: nil, repeats: true)    }//MARK: UIProgressViewvalueChange 事件    func UIProgressViewvalueChange() {        let testProcessView = self.view.viewWithTag(1) as! UIProgressView        if testProcessView.progress == 1 {            testProcessView.progress = 0        }        testProcessView.progress = testProcessView.progress + 0.05    }

3.UISlider

UISlider感觉就是在UIProgressView的上面增加了一个用户可以手动控制的按钮,且最大值和最小值都可以由用户自行设置.

UISlider的构成:

UISlider的高度默认是31,我们看看UISwitch就知道了,它们有点联系了.

//MARK: initSliderView    func initSliderView() {        let testSlider = UISlider.init(frame: CGRectMake(60, 200, 200, 31))        self.view.addSubview(testSlider)                testSlider.minimumValue = 0    //设置最小值        testSlider.maximumValue = 100  //设置最大值//        testSlider.value = 10          //设置当前值        testSlider.setValue(20, animated: true) // 设置当前值 是否加动画效果        testSlider.continuous = true        testSlider.minimumValueImage = UIImage.init(named: "1")        testSlider.maximumValueImage = UIImage.init(named: "2")        testSlider.thumbTintColor = UIColor.redColor()        testSlider.addTarget(self, action: #selector(ViewController.UISliderValueChage), forControlEvents: UIControlEvents.ValueChanged)    }//MARK: UISliderValueChage 事件    func UISliderValueChage(testSlider : UISlider) {        print("\(testSlider.value)")    }

UISlider的continuous属性默认是true,这样当它的值改变的时候,值改变事件就可以关联起来,设置为false时,值改变事件就无效.
三个控件的效果图:

0 0