zoukankan      html  css  js  c++  java
  • Swift

    1,滑块的创建

    1
    2
    3
    4
    5
    6
    var slider=UISlider(frame:CGRectMake(0,0,300,50))
    slider.center=self.view.center
    slider.minimumValue=0  //最小值
    slider.maximumValue=1  //最大值
    slider.value=0.5  //当前默认值
    self.view.addSubview(slider)

    2,设置滑块的值,同时有动画

    1
    slider.setValue(0.8,animated:true)

    3,滑块值改变响应

    1
    2
    3
    4
    5
    6
    slider.continuous=false  //滑块滑动停止后才触发ValueChanged事件
    slider.addTarget(self,action:"sliderDidchange:", forControlEvents:UIControlEvents.ValueChanged)
     
    func sliderDidchange(slider:UISlider){
        println(slider.value)
    }

    4,滑块左右两边槽的颜色

    1
    2
    slider.minimumTrackTintColor=UIColor.redColor()  //左边槽的颜色
    slider.maximumTrackTintColor=UIColor.greenColor() //右边槽的颜色

    5,滑块后面槽线两侧添加图标

    1
    2
    slider.minimumValueImage=UIImage(named:"voice+"//左边图标
    slider.maximumValueImage=UIImage(named:"voice-"//右边图标

    6,自定义滑块组件图片

    1
    2
    3
    4
    5
    6
    //设置滑块右边部分的图片
    slider.setMaximumTrackImage(UIImage(named:"slider_max"),forState:UIControlState.Normal)
    //设置滑块左边部分的图片
    slider.setMinimumTrackImage(UIImage(named:"slider_min"),forState:UIControlState.Normal)
    //设置滑块的图片
    slider.setThumbImage(UIImage(named:"slider_thumb"),forState:UIControlState.Normal)

    1
    2
    3
    4
    //设置滑块右边部分的图片-使用三宫格缩放(左右14像素不变,中间缩放)
    let imgTrackRight = UIImage(named:"slider_max")
    let imgRight = imgTrackRight!.stretchableImageWithLeftCapWidth(14, topCapHeight:0)
    slider.setMaximumTrackImage(imgRight, forState:UIControlState.Normal)
  • 相关阅读:
    发送带有正文以及附件的邮件
    软件测试笔记
    java开发 中台
    postman测试带有json数据格式的字段
    maven详解之仓库
    Maven与nexus关系
    占位
    Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
    了解facade设计模式
    postman使用
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/4838162.html
Copyright © 2011-2022 走看看