iOS系列 基础篇 09 开关、滑块和分段控件 目录:案例说明开关控件Switch滑块控件Slider分段控件Segmented Control 1. 案例说明 开关控件(Switch)、滑块控件(Slider)和分段控件(Segmented Control)都是 ...
iOS系列 基础篇 09 开关、滑块和分段控件
目录:
- 案例说明
- 开关控件Switch
- 滑块控件Slider
- 分段控件Segmented Control
1. 案例说明
开关控件(Switch)、滑块控件(Slider)和分段控件(Segmented Control)都是UIControl的子类,本篇我们将通过一个案例和大家一起学习这三个控件的使用。
如下图所示,本案例包括两个开关控件Switch、一个分段控件(Segmented Control)、两个标签(Label)和一个滑块控件(Slider):
两个开关控件的值保持相反状态,点击其中的一个,令其值为ON,另一个也会随之发生变化。
一个有两段的分段控件,左侧和右侧的段分别命名为Left和Right,点击Right时上面哪两个开关控件消失,点击Left时上面两个开关控件恢复显示。
最下面那个滑块控件可以改变上面Label标签的文本内容,把滑块变化的树枝显示在Label上面。
2. 开关控件Switch
使用Single View Application模板创建一个工程项目,打开Main.storyboard文件。
从对象库中拖拽两个开关控件(Switch)到界面上,然后将它们的State属性设为相反。
因为要在代码中控制使两个开关控件保持相反值,所以需要为两个开关控件置顶输出口,分别命名为LeftSwitch和RightSwitch。
(PS:忘记怎么添加输出口的请看前面的文章《iOS系列 基础篇 07 Action动作和输出口》)
按住control键,拖拽左边的Switch到右侧的代码中,添加Outlet输出口:
设置名称为LeftSwitch:
按照相同的方式添加右侧开关控件的Outlet,并命名为RightSwitch,最终效果为:
在ViewController中声明一个switchValueChange: 方法,该方法的作用是同时设置两个开关的值,使它们的值保持相反。
(PS:忘记如何添加Action动作的请参考前面的文章《iOS系列 基础篇 07 Action动作和输出口》)
按住control键,拖拽开关控件到右侧代码中:
在弹出的对话框中选择添加Action,并设置如下信息:
添加Action动作方法之后,具体的实现代码如下:
1 @IBAction func switchValueChanged(sender: AnyObject) { 2 let senderSwitch = sender as! UISwitch // 获取当前点击的控件并强制转型为Switch 3 4 let value = senderSwitch.on // 获取当前点击Switch后的状态值 5 6 // 如果当前点击的是LeftSwitch 7 if (senderSwitch == self.LeftSwitch){ 8 self.RightSwitch.setOn(!value, animated: true) // 设置右侧Switch的状态值 9 }else{ // 如果当前点击的是RightSwitch10 self.LeftSwitch.setOn(!value, animated: true) // 设置左侧Switch的状态值11 }12 }
原标题:iOS系列 基础篇 09 开关、滑块和分段控件
关键词:IOS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。