博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Swift - 滑块(UISlider)的用法
阅读量:6114 次
发布时间:2019-06-21

本文共 1389 字,大约阅读时间需要 4 分钟。

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
)

转载地址:http://nrpka.baihongyu.com/

你可能感兴趣的文章
ubuntu apt-get 安装 lnmp
查看>>
焊盘 往同一个方向增加 固定的长度方法 总结
查看>>
eclipse的maven、Scala环境搭建
查看>>
架构师之路(一)- 什么是软件架构
查看>>
jquery的冒泡和默认行为
查看>>
USACO 土地购买
查看>>
【原创】远景能源面试--一面
查看>>
B1010.一元多项式求导(25)
查看>>
10、程序员和编译器之间的关系
查看>>
前端学习之正则表达式
查看>>
配置 RAILS FOR JRUBY1.7.4
查看>>
AndroidStudio中导入SlidingMenu报错解决方案
查看>>
修改GRUB2背景图片
查看>>
Ajax异步
查看>>
好记性不如烂笔杆-android学习笔记<十六> switcher和gallery
查看>>
JAVA GC
查看>>
codeforce 599B Spongebob and Joke
查看>>
3springboot:springboot配置文件(外部配置加载顺序、自动配置原理,@Conditional)
查看>>
9、Dubbo-配置(4)
查看>>
前端第七天
查看>>