关于APP开发中开关控件、滑块控件和分段控件的介绍

       懂APP技术的朋友都知道,在APP开发中开关控件、滑块控件和分段控件都是UIControl的子类,就单是这么说,我想很多人都会懵懵懂懂的。因此,为了让大家更好地了解这三个控件,下面南昌APP开发公司小编就通过一个实例来给大家讲解一下。

       如下图所示,该案例包括两个开关控件、一个分段控件、两个标签控件和一个滑块控件。两个开关控件的

值保持一致,点击其中一个,令其值为ON,另一个也会随之改变;一个有两段的分段控件,左侧和右侧的段分别命名为Left和Right,点击Right时两个开关控件消失,点击Left时两个开关控件显示;后面的滑块控件可以改变标签SliderValue的内容,把滑块变化的数值显示在后面。

案例原型设计图

案例原型设计图

       一、开关控件

       使用Single View Application 模板创建一个名为 Switch_Slider_SegmentedControlSample 的工程。打开

Main.storyboard文件,从对象库中拖曳两个开关控件到界面,然后为两个开关控件指定输出口,分别命名为

LeftSwitch和RightSwitch。在ViewController中声明一个switchValueChanged:方法,该方法的作用是同时设置两个开关的值,使它们的值保持一致,其实现代码如下:

       @IBAction func switchValueChanged (sender: AnyObject) {

       var witchSwitch = sender as UISwitch

       var setting = witchSwitch.on

       self.LeftSwitch.setOn(setting, animated: true)

       self.RightSwitch.setOn(setting, animated: true)

       }

       - (IBAction)switchValueChanged:(id)sender {

       UISwitch *witchSwitch = (UISwitch *)sender;

       BOOL setting = witchSwitch.isOn;

       [self.leftSwitch setOn:setting animated:YES];

       [self.rightSwitch setOn:setting animated:YES];

       }

       开关控件的功能类似于Windows中的复选框,它只有两种状态——true和false,两种状态的切换方法是

setOn:animated:。

       二、滑块控件

       如果在南昌APP开发练习中,我们可以在视图上拖曳一个滑块控件,然后将其水平放置。打开它的属性检查器,将其最小值、最大值、初始值依次

设定为0.0、100.0、50.0。在iOS开发中,滑块的值是0.0与100.0之间的浮点数。

       在滑块上方拖曳两个标签,将左侧标签的文本改为SliderValue:,将右侧标签的文本清除,并为其实现输出口,命名为SliderValue。右侧的标签用于显示滑块的值,也就是滑块控制着标签的值,这里我们为滑块实现一个动作,将其命名为sliderValueChange。实现sliderValueChange:方法的代码如下:

       @IBAction func sliderValueChange(sender: AnyObject) {

       var slider = sender as UISlider

       let progressAsInt = Int(slider.value) ①

       let newText = NSString(format: "%d", progressAsInt) ②

       self.SliderValue.text = newText

       }

       - (IBAction)sliderValueChange:(id)sender {

       UISlider *slider = (UISlider *)sender;

       int progressAsInt = (int)(slider.value); ①

       NSString *newText = [[NSString alloc]initWithFormat:@"%d",progressAsInt]; ②

       self.SliderValue.text = newText;

       }

       第①行代码是滑块控件的值,由于取出的值是浮点类型,我们需要强制类型转换为整数类型。第②行代码是

格式化字符串。

       三、分段控件

       分段控件也是一种选择控件,其功能类似于Windows中的单选按钮。它由两段或更多段构成,每个段相当于

一个独立的按钮。它有三种样式——Plain、Bordered和Bar样式,但是iOS 7之后这三种样式没有什么区别,它们的样式如下图所示。

分段控件样式

分段控件样式

       我们在开关控件下方拖曳一个分段控件,双击使其处于编辑状态,依次输入文本Left和Right。然后回到代码

中,在ViewController文件中,实现touchDown:的代码如下:

       @IBAction func touchDown(sender: AnyObject) {

       if (self.LeftSwitch.hidden == true) {

       self.RightSwitch.hidden = false

       self.LeftSwitch.hidden = false

       }else {

       self.RightSwitch.hidden = true

       self.LeftSwitch.hidden = true

       }

       }

       - (IBAction)touchDown:(id)sender {

       if (self.leftSwitch.hidden == YES) {

       self.rightSwitch.hidden = NO;

       self.leftSwitch.hidden = NO;

       }else{

       self.leftSwitch.hidden = YES;

       self.rightSwitch.hidden = YES;

       }

       以上就是南昌APP开发公司小编为大家讲的关于开关控件、滑块控件和分段控件的详细介绍,如果还有哪些地方还不太明白的,随时欢迎大家来电咨询。另外,想了解更多关于APP开发方面的知识的朋友,欢迎大家关注易速网络网站的相关知识,相信大家一定会有所收获!

提供全面的搜索引擎优化学习交流,专注网站优化和搜索引擎营销推广服务。用专业的SEO技术为企业网站提升关键词排名,让你的网站不仅满足用户体验还要适合搜索引擎优化规则。
易速网站优化公司 » 关于APP开发中开关控件、滑块控件和分段控件的介绍
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡