`
mmdev
  • 浏览: 12845736 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

UISlider 滑块控件—IOS开发

 
阅读更多

声明
欢迎转载,但是请尊重作者劳动成果,转载请保留此框内声明,谢谢。
文章出处:http://blog.csdn.net/iukey

PC上的滑块是很丑陋的,因为我们只能通过鼠标去拖动他。不过当Jobs把它移植到IOS上时一切变得酷起来,因为我们可以通过手指去拖动它,这种感觉是很妙的。

滑块为用户提供了一种可见的做范围调整的方法,用户可以通过拖动一个滑动条改变它的值,并且可以对其配置以合适不同值域。你可以设置滑块值的范围,也可以在两端加上图片,以及进行各种调整让它更美观。滑块非常适合用于表示在很大范围(但不精确)的数值中进行选择,比如音量设置、灵敏度控制等诸如此类的用途。

一、创建

滑块是一个标准的UIControl。我们可以通过代码创建,如同开关(UISwitch)的宽与高都会被忽略一样滑块的高也会被忽略(但是宽度不会):


二、设定范围与默认值

创建完毕的同时我们要设置好滑块的范围,如果你没有设置,那么会使用默认的 0.0 到 1.0 之间的值。UISlider提供了两个属性来设置范围:mininumValue 和 maxinumValue:

同时你也可以为滑块设定一个默认值:

三、两端添加图片

滑块可以在任何一段显示图像。添加图像后会导致滑动条缩短,所以记得要记得在创建的时候增加滑块的宽度来适应图像。

你可以根据滑块的各种不同状态显示不同的图像。下面是可用状态:

UIControlStateNormal

UIControlStateHighlighted

UIControlStateDisabled

UIControlStateDisabled

UIControlStateSelected

四、显示控件

五、读取控件值


六、通知

要想在滑块值改变时收到通知,可以用UIControl类的addTarget方法为UIControlEventValueChanged事件添加一个动作。

只要滑块停放(注意是停放,如果要在拖动中也触发,请看后文)到新的位置,你的动作方法就会被调用:

如果要在拖动中也触发,需要设置滑块的 continuos 属性:


这个通知最简单的一个实例就是实时显示滑块的值,很奇怪的苹果显示滑块的值是一个私有的API(setShowValue),私有就私有,大不了我不用就是。我们可以用一个UILabel来显示值,在每次触发上面的方法时改变label的值,不就可以实时显示了吗?当然我们可以做的不仅仅是这个,还有更多的 cool 事情可以去实现,就看你的手段与想象力了。





分享到:
评论
1 楼 jeasonyoung 2015-01-27  
你这个代码实现在iOS8下应该是滑不动的

相关推荐

    iOS中的UISlider滑块组件用法总结

    不过当Jobs把它移植到IOS上时一切变得酷起来,因为我们可以通过手指去拖动它,这种感觉是很妙的。 滑块为用户提供了一种可见的做范围调整的方法,用户可以通过拖动一个滑动条改变它的值,并且可以对其配置以合适不同...

    UISlider Demo代码

    UISlider Demo IOS 控件 代码

    ios的UISlider自定义

    ios的UISlider自定义,用图片自定义添加

    ios-自定义UISlider.zip

    自定义UISlider, 翻页时显示页数, 翻页进度, 点击slider滑块快速翻页

    iphone 开发基础控件UISlider

    iphone中的基础控件UISlider,适合初学者,主要学习UISlider的常用属性设置、点击事件、以及替换滑块图片等

    UISlider控件4个bug的修复patch 2014.7.28 BY:Redrain

    修复duilib库的UISlider控件的4个bug 2014.7.28 BY:Redrain

    iOS常用控件

    UISlider//滑块 UIStepper //步进器 UIActivityIndicatorView //活动指示器 UIAlertView //警告(弹出窗) UIActionSheet //行为切片 UISegmentedControl //分段控制器 UIProgressView //进度条

    自定义UISlider_双按钮

    一个实用的自定义双按钮UISlider实例: 1、可根据用户需要设定最大值和最小值; 2、可以实时获取左侧按钮和右侧按钮分别对应的值; 3、滑动灵活精准,数值变化实时准确; 4、完全开源,开以者可以根据自己需要做相应...

    XCode iPhone UISlider用法

    移动滑动条就可以设置文字控件背景颜色的绿色纸 在文字控件中设置0~1.0的浮点值就卡可以设置文字控件背景颜色的红色值 核心带啊: float fAlpha = mySlider.value / (mySlider.maximumValue-mySlider.minimumValue...

    ios-XYUISlider.zip

    基于系统UISlider 解决滑块不灵敏 显示百分比

    两个滑块的范围选择UISlider

    实现了一个有两个滑块,可以选择一个范围的UISlider。是在网上找到的一个控件的基础上作了包装,可以实时显示现在选择范围。可用于选择价格范围等。 现有的问题: 1、没有实现step的功能。 2、滑块的滑动还不是特别...

    各种IOS UI小控件使用基本方法

    各种IOS UI小控件使用基本方法 适合基础学习

    IOS应用源码——UIslider转圆圈.zip

    IOS应用源码——UIslider转圆圈.zip

    UISlider-TrackHeight:调整UISlider的滑动条高度

    UISlider-TrackHeight 调整UISlider的滑动条高度 Import pod 'UISlider-TrackHeight', '~> 1.0.2' Usage #import "UISlider+VDTrackHeight.h" self.slider.vd_trackHeight = 5.0f; License

    UISlider.zip

    UISLider滑条图标大小位置,滑条大小颜色形状设置Demo

    IOS应用源码——UIslider转圆圈.rar

    IOS应用源码——UIslider转圆圈.rar

    UISlider+UILable实现对字体大小的设置(含说明文档)

    fontSettingDemo实现了以下功能: ... 2.在具体的设置页面,滑动Slider可以调整UILable中字体的大小,并用一个UILable来显示Slider当前的值(即当前字体的值)。 3.将用户设置的字体大小存入一个plist配置文件,当再次...

    iOS 5 编程源码-ImageHop

    下面的范例App演示了如下控件的使用,通过滑块、步进控件和按钮来控制在图像视图中播放动画。EntLib.com 团队提供。 图像视图(UIImageView) 滑块(UISlider) 步进控件(UIStpper)

Global site tag (gtag.js) - Google Analytics