首页 > 代码库 > UISlider与UISwitch控件

UISlider与UISwitch控件

1、UISlider控件就像其名字一样,是一个像滑动变阻器的控件:

上图中的圆圈可以移动,它处在不同的位置,这个UISlider会有不同的值。接下来的例子是关于UISlider的简单使用。

(1)假设我们已经建立了一个Single View Application,打开ViewController.xib,在IB中添加一个UISlider控件和一个Label,这个Label用来显示Slider的值。

(2)选中新加的Slider控件,打开Attribute Inspector,修改属性值,设置最小值为0,最大值为100,当前值为50,并确保勾选上Continuous,如下图:

(3)修改Label的文本为50。

(4)接下来还是建立映射,将Label和Slider都映射到ViewController.h中,其中Label映射为Outlet,名称为sliderLabel,Switch映射为Action,事件类型为默认的Value Changed,方法名称为sliderChanged:

(5)打开ViewController.m,找到sliderChanged方法,在其中添加以下代码:

- (IBAction)sliderChanged:(id)sender {
    UISlider *slider = (UISlider *)sender;
    int progressAsInt = (int)roundf(slider.value);
    sliderLabel.text = [NSString stringWithFormat:@"%i", progressAsInt];
}

 

代码很简单,就不解释了。

(6)运行一下,看看效果:

  

2、UISwitch控件,就是很像开关的那种控件,它只有两个状态:on和off:

接下来的小例子,我们将会实现:改变任一Switch的状态,另一个Switch也发生同样的变化。

(1)在上面的例子中,打开ViewController.xib,在IB中添加两个UISwitch控件。

(2)将这两个Switch控件都映射到ViewController.h中,都映射成Outlet,名称分别是leftSwitch和rightSwitch。

(3)选中左边的Switch,按住Control键,在ViewController.h中映射成一个Action,事件类型默认为Value Changed,名称为switchChanged:

(4)然后,我们让右边的Switch也映射到这个方法:

(5)打开ViewController.m,找到switchChanged方法,添加代码:

- (IBAction)switchChanged:(id)sender {
    UISwitch *mySwitch = (UISwitch *)sender;
    BOOL setting = mySwitch.isOn;	//获得开关状态
    [leftSwitch setOn:setting animated:YES];	//设置开关状态
    [rightSwitch setOn:setting animated:YES];
}

 

(6)运行一下,看看效果: