Swift 滑块 UISlider

/**
         1,滑块的创建
         */
        let 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,设置滑块的值,同时有动画
         */
        slider.setValue(0.8, animated: true)

        /**
         3,滑块值改变响应
         */
        slider.continuous = false // 滑块滑动停止后才触发valueChanged 事件
        slider.addTarget(self, action: #selector(sliderDidchange(_:)), forControlEvents: UIControlEvents.ValueChanged)

        /**
         4,滑块左右两边槽的颜色
         */
        // 设置左边槽的颜色
        slider.minimumTrackTintColor = UIColor.redColor()
        // 设置右边槽的颜色
        slider.maximumTrackTintColor = UIColor.blackColor()
        // 设置滑块的颜色
//        slider.thumbTintColor = UIColor.greenColor()

        /**
         5,滑块后面槽线两侧添加图标
         */
        slider.minimumValueImage = UIImage(named: "min.png")    // 左边图标
        slider.maximumValueImage = UIImage(named: "add.jpg")

        /**
         6,自定义滑块组件图片
         */

        //设置滑块右边部分的图片
        slider.setMaximumTrackImage(UIImage(named:"add.jpg"),forState:UIControlState.Normal)
        //设置滑块左边部分的图片
        slider.setMinimumTrackImage(UIImage(named:"min.png"),forState:UIControlState.Normal)
        //设置滑块的图片
        slider.setThumbImage(UIImage(named:"face"),forState:UIControlState.Normal)

        //设置滑块右边部分的图片-使用三宫格缩放(左右14像素不变,中间缩放)
        let imgTrackRight = UIImage(named:"add.jpg")
        let imgRight = imgTrackRight!.stretchableImageWithLeftCapWidth(14, topCapHeight:0)
        slider.setMaximumTrackImage(imgRight, forState:UIControlState.Normal)
    }


    func sliderDidchange(slider:UISlider) {
        print(slider.value)
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值