ios学习笔记之UI篇(二):slider,switch,SegmentedControl的应用

原创 2013年12月01日 21:44:44

实现当滑块滑动时,左侧label标签的数字跟随改变。

如图设置界面显示,调整slider的value属性,更改为最小值为0,最大值为100,current值为50,创建label的outlet并关连,对slider创建action方法如sliderChanged并关联,在action方法中实现如下代码:

- (IBAction)sliderChanged:(UISlider *)sender {
    int progress=lroundf(sender.value);
    self.sliderLabel.text=[NSString stringWithFormat:@"%d",progress];
}
值得注意的是:为了在用户触碰滑块之前,标签也能正确显示滑块的值,再viewDidLoad方法中添加如下代码:
self.sliderLabel.text=@"50";


段控制视图设置界面如下图,


创建两个switch的outlet,和switch和segment的action方法,此处注意是将两个开关关联到一个action方法上,不是分别创建两个action方法,action方法具体实现如下,

开关的action方法:

- (IBAction)switchChanged:(UISwitch *)sender {
    BOOL setting=sender.isOn;
    [self.leftSwitch setOn:setting animated:YES];
    [self.rightSwitch setOn:setting animated:YES];
}

再拖动一个按钮放置在两个开关之上,调整大小完全覆盖两个switch开关,设置这个button的属性,view->hidden选中,此时,button按钮会变的透明了如下图:



segment的action方法:

- (IBAction)toggleControls:(UISegmentedControl *)sender {
    //0=switch index
    if (sender.selectedSegmentIndex==0) {
        self.leftSwitch.hidden=NO;
        self.rightSwitch.hidden=NO;
        self.doSomethingButton.hidden=YES;
    }else{
        self.leftSwitch.hidden=YES;
        self.rightSwitch.hidden=YES;
        self.doSomethingButton.hidden=NO;
    }
}

此时,当运行应用程序时,初始显示没有button按钮,两个开关是关联的,即转换一个开关,另一个开关也会跟着改变。当按下segment的button时,按钮就会出现在下方。




深度学习word2vec笔记之基础篇

深度学习word2vec笔记之基础篇
  • mytestmy
  • mytestmy
  • 2014年05月25日 16:00
  • 65797

深度学习word2vec笔记之算法篇

深度学习word2vec笔记之算法篇
  • mytestmy
  • mytestmy
  • 2014年05月25日 20:03
  • 33138

QT学习笔记(一)——ui的认识

////////////2015/08/06/////////////////// ///////////by xbw////////////////////////// //////////环境...
  • xbw12138
  • xbw12138
  • 2015年08月06日 18:12
  • 20562

Android学习笔记---第四天---基础UI组件---RadioButton&CheckBox&ToggleButton&Switch---Button的子类

Button组件及其子类 Button是一个按钮组件详情请参考Android学习笔记---第三天---基础UI组件---Button&ImageButton; RadioButton//单选框&Che...
  • z_kaif
  • z_kaif
  • 2016年04月05日 19:53
  • 905

IOS-UI学习笔记(九宫格应用管理)

封装:为了避免代码的重复使用,提高性能;需求变动的时候,扩展性很强。需要更改的地方不多。 1、Xib的加载(Xib这样使用的时候是一个资源文件,所以不要传路径,直接写的文件名字,九宫格就...
  • Rechard_chen
  • Rechard_chen
  • 2016年04月13日 17:19
  • 190

ios学习笔记之UI篇(五):切换视图

首先呢,你要先添加两个视图,纵向和横向视图,具体方法为在你已经创建的单视图工程下,鼠标放在dock上的view图标上,按住option键拖动view图标直到出现绿色加号为视图创建副本,单击dock上新...
  • a1159200536
  • a1159200536
  • 2013年12月09日 21:11
  • 737

ios学习笔记之UI篇(三):操作表单(action sheet)和警告(alert)

在UI篇二的时候我们创建了一个按钮,现在,我们为这个按钮添加action方法,用户点击按钮触发事件产生操作表单:action方法代码如下: - (IBAction)buttonPressed:(id...
  • a1159200536
  • a1159200536
  • 2013年12月02日 14:16
  • 1252

Xcode_7 iOS_9 Switch_SegmentControl_Slider 控件 Objective-C (2)

Xcode_7 iOS_9 Switch_SegmentControl_Slider 控件 Objective-C (2)
  • Dopamy_BusyMonkey
  • Dopamy_BusyMonkey
  • 2016年08月18日 14:10
  • 415

ios学习笔记二--电影网

  • 2015年04月09日 11:56
  • 3.35MB
  • 下载

【Unity 3D】学习笔记六:Slider控件(滑动条)

Unity 学习笔记六   学习资料:《Unity 3D游戏开发》 宣雨松   在应用中,有时需要调节音量大小或者是屏幕亮度之类的,因此我们就得用上Slider控件。 Slider控件由滑...
  • u013289188
  • u013289188
  • 2014年06月05日 09:48
  • 4072
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ios学习笔记之UI篇(二):slider,switch,SegmentedControl的应用
举报原因:
原因补充:

(最多只允许输入30个字)