UI slider 和 UI Stepper 控件指南

1. UI slider 控件

1.1 主要属性

UI slider 是一种常用的滑块控件，用户可以通过滑动来调整值。以下是 slider 的主要属性：

属性	说明
minimumValue	设置最小值，默认是 0.0
maximumValue	设置最大值，默认是 1.0
value	设置默认值，默认是 0.0
continuous	滑动时，value 是否随时变化，默认是 YES
minimumValueImage	设置滑块最左端显示的图片
maximumValueImage	设置滑块最右端显示的图片
thumbTintColor	设置滑块颜色
minimumTrackTintColor	设置滑块左边（小于部分）线条颜色
maximumTrackTintColor	设置滑块右边（大于部分）线条颜色

示例代码

代码如下：

CGFloat width = [UIScreen mainScreen].bounds.size.width - 100;
UISlider* normalSlider = [[UISlider alloc] initWithFrame:CGRectMake(50, 100, width, 80)];
normalSlider.value = 0.2f;
[self.view addSubview:normalSlider];
UISlider* valueSlider = [[UISlider alloc] initWithFrame:CGRectMake(50, 200, width, 80)];
valueSlider.minimumValue = 1;
valueSlider.maximumValue = 100;
valueSlider.value = 20;
valueSlider.continuous = NO;
valueSlider.minimumValueImage = [UIImage imageNamed:@"icon_jian"];
valueSlider.maximumValueImage = [UIImage imageNamed:@"icon_jia"];
valueSlider.minimumTrackTintColor = [UIColor greenColor];
valueSlider.maximumTrackTintColor = [UIColor redColor];
valueSlider.thumbTintColor = [UIColor magentaColor];
[self.view addSubview:valueSlider];

1.2 主要方法

以下是 slider 的主要方法：

方法	说明
setValue:(float) animated:(BOOL)	设置滑块的值
setThumbImage:(UIImage *) forState:(UIControlState)	设置滑块图片
setMinimumTrackImage:(UIImage *) forState:(UIControlState)	设置滑块左边（小于部分）线条图片
setMaximumTrackImage:(UIImage *) forState:(UIControlState)	设置滑块右边（大于部分）线条图片
setThumbTintColor:(UIImage *)	设置滑块颜色

1.3 监听点击事件

可以通过 addTarget 方法监听 slider 的点击事件：

[UISlider addTarget:self action:@selector(onSliderValueChanged:) forControlEvents:UIControlEventTouchUpInside];

示例方法：

-(void) onSliderValueChanged:(UISlider*) sender {
    NSLog(@"Slider value = %f", sender.value);
}

2. UI Stepper 控件

2.1 主要属性

UI stepper 是一种步进式滑块控件，用户可以通过按钮点击来调整值。以下是 stepper 的主要属性：

属性	说明
minimumValue	设置最小值，默认是 0
maximumValue	设置最大值，默认是 100
value	设置默认值，默认是 0
stepValue	每步的值，默认是 1
continuous	长按是否连续触发变化，默认是 YES
autorepeat	长按是否会一直改变值，默认是 YES
wraps	值是否循环，默认是 NO

2.2 主要方法

以下是 stepper 的主要方法：

方法	说明
setBackgroundImage:(UIImage *) forState:(UIControlState)	设置背景图片
setDividerImage:(UIImage *) forLeftSegmentState:(UIControlState) rightSegmentState:(UIControlState)	设置分割线图片
setIncrementImage:(UIImage *) forState:(UIControlState)	设置加号按钮图片
setDecrementImage:(UIImage *) forState:(UIControlState)	设置减号按钮图片

2.3 监听点击事件

可以通过 addTarget 方法监听 stepper 的点击事件：

[UIStepper addTarget:self action:@selector(onStepperValueChanged:) forControlEvents:UIControlEventTouchUpInside];

示例方法：

-(void) onStepperValueChanged: (UIStepper*) sender {
    NSLog(@"UIStepper.value = %f", sender.value);
}

下载源码

如需了解更多关于 UI slider 和 UI stepper 的详细使用，建议参考官方文档或相关开发者社区。

上一篇：iOS UIActivityIndicatorView和UIProgressView控件

下一篇：iOS UIPageControl和UISegmentedControl控件

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！