Swift - 滑块(UISlider)的用法

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)
posted @   brave-sailor  阅读(946)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2014-09-25 Android 出现警告Exported service does not require permission
2013-09-25 Android中的JSON详细总结
点击右上角即可分享
微信分享提示