美文网首页
控件集合

控件集合

作者: theDeskmateOfSb | 来源:发表于2016-09-05 19:01 被阅读0次

    控件集合

    Switch->开关
    Slider->滑条
    Stepper->步进器
    Progress->进度条
    Activity->活动指示器
    Segement->分段选择器

     override func viewDidLoad() {
            super.viewDidLoad()
            
            //设置背景颜色
            self.view.backgroundColor = UIColor.greenColor()
            
            self.creatSwitch()
            self.creatSlider()
            self.creatStepper()
            self.creatProgress()
            self.creatActivity()
            self.creatSegement()
        }
    
    }
    
    //MARK: - 创建控件
    extension ViewController{
    
        //1.开关
        func creatSwitch() {
            
            //1.创建开关对象
            //UISwitch:UIControl:UIView
            let sw = UISwitch.init(frame: CGRectMake(100, 100, 100, 50))
            //2.添加到界面上
            self.view.addSubview(sw)
            
            //3.核心属性:开关状态(默认是:关)
            //设置开关的状态
            sw.on = true  //false -> 关
            sw.setOn(false, animated: true)
            //拿到当前的状态
            print(sw.on)
            
            //4.核心方法:
            //参数1:调用方法的对象
            //参数2:指定的事件发生后参数1要去调用的方法对应的selector
            //参数3:事件
            //功能:当开关的值(开关的状态)发生改变的时候,self会去调用switchAction方法
            sw.addTarget(self, action: "switchAction:", forControlEvents: .ValueChanged)
            
            //5.设置开关开的状态的颜色(默认是绿色)
            sw.onTintColor = UIColor.redColor()
            //6.开关关闭的时候的边框颜色
            sw.tintColor = UIColor.purpleColor()
            //7.设置开关上的滑块的颜色
            sw.thumbTintColor = UIColor.yellowColor()
            
            
            
        }
        
        //2.滑条
        func creatSlider() {
            
            //1.创建滑条对象
            //UISlider:UIControl:UIView
            let slider = UISlider.init(frame: CGRectMake(100, 160, 200, 20))
            //2.添加到界面上
            self.view.addSubview(slider)
            
            //3.核心属性:值
            //value:滑块的位置对应的值(默认是0~1)
            slider.value = 0.5
            //最小值和最大值
            slider.minimumValue = 0
            slider.maximumValue = 100
            
            //4.核心方法
            slider.addTarget(self, action: "sliderAction:", forControlEvents: .ValueChanged)
            
            //7.是否连续改变
            slider.continuous = false
            
            //5.和颜色相关的属性
            
            //6.和图片相关的属性
            
        
        }
        
        //3.步进器
        func creatStepper() {
            
            //1.创建步进器对象
            let stepper = UIStepper.init(frame: CGRectMake(100, 200, 100, 50))
            //2.添加到界面上
            self.view.addSubview(stepper)
            
            //3.核心属性:值
            //当前值
            stepper.value = 1
            print(stepper.value)
            //最小值和最大值
            stepper.minimumValue = 0
            stepper.maximumValue = 10
            //步进(每按一下加或者减,增加/减少的值)
            stepper.stepValue = 1  //步进值必须大于0
            
            //4.核心方法
            stepper.addTarget(self, action: "stepperAction:", forControlEvents: .ValueChanged)
            
            //5.设置值是否连续改变(按住不放的时候)
            stepper.continuous = false
            
            //6.设置是否重复 false->按住不放的时候不计数;true->按住不放的时候计数(默认)
            stepper.autorepeat = false
            
            
            //7.设置填充颜色
            stepper.tintColor = UIColor.redColor()
            
        }
        
        //4.进度条
        func creatProgress() {
            
            //1.创建进度条对象
            //UIProgressView : UIView
            let progress = UIProgressView.init(frame: CGRectMake(100, 300, 200, 20))
            progress.tag = 100
            //2.添加到界面上
            self.view.addSubview(progress)
            
            //3.核心属性
            //进度:0~1
            //设置当前进度
            progress.progress = 0.5
            progress.setProgress(0.6, animated: true)
            //4.颜色相关
            //5.图片相关
        }
        
        //5.活动指示器
        func creatActivity() {
            
            //1.创建活动指示器对象
            //UIActivityIndicatorView : UIView
            let activity = UIActivityIndicatorView.init(frame: CGRectMake(100, 360, 50, 50))
            //2.添加到界面上
            self.view.addSubview(activity)
            //3.想要让活动指示器显示,必须让它开始动画
            activity.startAnimating()
            //4.停止动画->活动指示器就会消失
            //activity.stopAnimating()
            
            //5.设置活动指示器的样式
            activity.activityIndicatorViewStyle = .WhiteLarge
            
        }
        
        //6.多段选择器
        func creatSegement() {
            
            //1.创建多段选择器对象
            //UISegmentedControl : UIControl
            //参数1:分段选择器上的内容对应的数组
            let segemnet = UISegmentedControl.init(items: ["海贼王","火影忍者","死神"])
            segemnet.frame = CGRectMake(100, 400, 200, 50)
            //2.显示在界面上
            self.view.addSubview(segemnet)
            //3.核心属性
            //a.每个分段上的内容 ->通过创建分段选择器的时候去设置
            //b.当前选中的分段的下标(从0开始)
            segemnet.selectedSegmentIndex = 0
            
            //4.核心方法
            segemnet.addTarget(self, action: "segementAction:", forControlEvents: .ValueChanged)
            
            //5.拿到分段选择的分段数
            print(segemnet.numberOfSegments)
            
            //6.设置填充颜色
            segemnet.tintColor = UIColor.whiteColor()
        }
        
    }
    
    //MARK: - 事件响应
    extension ViewController{
        
        //4.分段选择器事件
        func segementAction(segement:UISegmentedControl) {
            
            print(segement.selectedSegmentIndex)
            //拿到当前被选中的分段的title
            print(segement.titleForSegmentAtIndex(segement.selectedSegmentIndex))
        }
        
        //3.步进器
        func stepperAction(stepper:UIStepper) {
            
            print(stepper.value)
        }
        
        //2.滑条
        func sliderAction(slider:UISlider) {
            
            print(slider.value)
            //拿到进度条
            let progress = self.view.viewWithTag(100) as! UIProgressView
            let t = slider.value/(slider.maximumValue - slider.minimumValue)
            progress.setProgress(t, animated: true)
            
        }
    
        //1.开关事件
        func switchAction(sw:UISwitch) {
            
            if sw.on {
                
                print("开关打开")
            }else{
            
                print("开关关闭")
            }
        }
    

    相关文章

      网友评论

          本文标题:控件集合

          本文链接:https://www.haomeiwen.com/subject/legrettx.html