从零开始学iOS开发（六）：iOS控件——Segmented Control,Switch
转自：http://www.cnblogs.com/minglz/archive/2012/11/27/2788343.html
这次的学习还是基于上一个项目继续进行（你也可以新建一个项目）学习Segmented Control和Switch。
Segmented Control
Switch
Segmented Control和Switch的主要区别在于Segmented Control可以有多个值进行选择，而Switch只有2个值。
1）添加Segmented Control
从object library中拖一个Segmented Control到iphone界面上，然后调整Segmented Control位置以及它的宽度，如下图：
在Segmented Control的attributes inspector中有一个属性叫做Segments，这个值是用来设置有多少个分段，默认是2个，你可以将它的值设成100，看看其效果如何。
像改变Label控件文字内容一样，鼠标双击Segmented Control上的文字，可以改变其内容，将“First”改成“Switches”，将“Second”改成“Button”，如下图：
2）添加2个Switch
从object library中拖两个Switch到iphone界面上，如下图：
Switch的attribute不需要做改动，下面接着创建Outlet和Action。
3）添加Outlet和Action
为2个Switch添加分别添加Outlet，然后2个Switch共用一个Action，Segmented Control使用一个Action。
为左边的Switch添加一个Outlet，命名为leftSwitch，为右边的Switch添加一个Outlet，命名为rightSwitch。
为左边的Switch添加一个Action，命名为switchChanged，添加完成后，将右边的Switch也关联到switchChanged
为Segmented Control添加一个Action，命名为toggleControls
添加完的BIDViewController.h如下
1 #import <UIKit/UIKit.h> 2 3 @interface BIDViewController : UIViewController 4 @property (weak, nonatomic) IBOutlet UITextField *nameField; 5 @property (weak, nonatomic) IBOutlet UITextField *numberField; 6 @property (weak, nonatomic) IBOutlet UILabel *sliderLabel; 7 @property (weak, nonatomic) IBOutlet UISwitch *leftSwitch; 8 @property (weak, nonatomic) IBOutlet UISwitch *rightSwitch; 9 10 - (IBAction)textFieldDoneEditing:(id)sender; 11 12 - (IBAction)backgroundTap:(id)sender; 13 14 - (IBAction)sliderChanged:(id)sender; 15 16 - (IBAction)switchChanged:(id)sender; 17 18 - (IBAction)toggleControls:(id)sender; 19 20 @end
（上面有很多其他的Outlet和Action，这个是使用了之前项目的原因）
BIDViewController.m如下
1 #import "BIDViewController.h" 2 3 @implementation BIDViewController 4 @synthesize nameField; 5 @synthesize numberField; 6 @synthesize sliderLabel; 7 @synthesize leftSwitch; 8 @synthesize rightSwitch; 9 10 ... 11 12 - (IBAction)switchChanged:(id)sender { 13 } 14 15 - (IBAction)toggleControls:(id)sender { 16 }
4）实现Switch Action
在BIDViewController.m中的switchChanged方法中添加如下代码：
1 - (IBAction)switchChanged:(id)sender { 2 UISwitch *whichSwitch = (UISwitch *)sender; 3 BOOL setting = whichSwitch.isOn; 4 [leftSwitch setOn:setting animated:YES]; 5 [rightSwitch setOn:setting animated:YES]; 6 }
因为leftSwitch和rightSwitch都关联到了switchChanged，因此，无论对哪个switch进行操作，都会调用到该方法，在该方法中，首先将sender强制转换成UISwitch类型，这样就可以使用UISwitch定义的属性了，isOn用来判断Switch的状态是打开还是关闭（Switch仅有的2种状态），最好根据触发事件的Switch状态，将另一个switch也设置成相同的状态，程序中为了方便，并没有判断到底是哪个switch触发了该Action，只是简单的将2个switch设成相同的状态而已。
1 [rightSwitch setOn:setting animated:YES];
setOn方法是根据后面的BOOL型参数的值来设置Switch的状态是打开还是关闭（ON，OFF）。
animated是指当Switch从一种状态切换到另一种状态后，其滑块是否有活动效果，如果是YES，则滑块滑动的慢点，给人的感觉滑块是慢慢移动过去的，如果设成NO，滑块会很快地改变位置，滑动的速度很快。
编译运行程序，用鼠标在模拟器中点击Switch控件，看看效果，2个switch的值应该始终是一样的，并且无论点击哪个switch，另一个switch的值也会随之改变。
Switch is ON
Switch is OFF
5）添加Button
Segmented Control在这个应用中的作用是切换Switch和Button，且Switch和Button同时只能有一个显示，另一个必须隐藏，因此我们在switch相同的位置添加Button，并设置Button按钮的属性为hidden，程序初始情况下不显示，然后需要显示Button时，只需切换segmented的值，Button就会显示，2个switch会被隐藏。
在2个switch相同的位置上添加一个button
拉伸button，使其完全遮住2个switch，并双击button，输入"Do Something"
6）为button添加Outlet和Action
添加Outlet是因为我们需要在改变segmented中来控制释放显示或隐藏button，当点击button后，Action会被触发。
添加Outlet：doSomething
添加Action：buttonPressed
7）隐藏button
之所以到现在才设置button的隐藏属性（Hidden），是因为这样子会更加方便添加button的Outlet和Action，容易选择。
选中button，在attributes inspector的View栏中找到“Hidden”的checkbox，并选中
选中Hidden后，button变成不可见，但是在iphone的布局界面里，button仅仅是变成了透明而已，其外观还是可见的，在真实的运行环境里，button是看不见的。
8）实现segmented的Action
segmented的Action toogleControls我们之前已经添加完毕了，在其中添加如下code
1 - (IBAction)toggleControls:(id)sender { 2 if ([sender selectedSegmentIndex] == 0) { 3 leftSwitch.hidden = NO; 4 rightSwitch.hidden = NO; 5 doSomethingButton.hidden = YES; 6 } 7 else { 8 leftSwitch.hidden = YES; 9 rightSwitch.hidden = YES; 10 doSomethingButton.hidden = NO; 11 12 } 13 }
第一个if语句，使用Segmented Control的selectedSegmentIndex方法来返回segment的哪个值（那一段）被选中（Segmented Control中的块的index从左到右从0开始编号），如果是第0个，说明Switch段被选中的，因此左右2个switch需要显示，button需要隐藏，因此设2个switch的hidden属性值为NO（false，不隐藏），button需呀隐藏，设其hidden值为YES（true，隐藏）。如果不是，则说明第1个被选中（这个程序中的segmented只有2段，不是第0段被选中就是第1段被选中），2个switch需要隐藏，button需要显示。
编译运行，程序初始情况下，segmented的第0段被选中，2个switch显示
鼠标选中segmented的Button，2个switch隐藏，button显示
9）下一篇将实现button的Action
到目前为止，所有新添加的控件，除了button的Action之外，都已经实现了其应有的功能。button的Action将在下一篇中完成，这里的button Action涉及到2个新的控件Action Sheet和Alert，这2个控件有点特殊，他们不是从object library拖到iphone界面上，而是会使用到delegate（其实delegate到目前为止我也不是理解的很清楚，还是有点迷茫，望高人能够指点），对我来说还有些复杂，因此放到下一篇中讲，望大家谅解。
浙公网安备 33010602011771号