iOS基础控件-UISlider

最新推荐文章于 2019-01-06 12:01:40 发布

_sevenK

最新推荐文章于 2019-01-06 12:01:40 发布

阅读量448

点赞数

CC 4.0 BY-SA版权

分类专栏： OC iOS

本文链接：https://blog.youkuaiyun.com/m0_37681833/article/details/82661936

OC 同时被 2 个专栏收录

28 篇文章

订阅专栏

iOS

26 篇文章

订阅专栏

本文介绍了iOS中的UISlider控件，它作为进度条用于控制数值变化。常见于播放进度和数值调节场景。文中详细讲解了UISlider的四个核心属性：value、minimumValue、maximumValue和continuous，并提及minimumValueImage和maximumValueImage用于设置图片显示。此外，还阐述了如何添加事件监听，通过sliderValueChanged:方法响应用户操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UISlider介绍

UISlider是一个进度条控件，通过滑动开控制数值的变化，一般使用在一些播放进度，数值调节等。这个控件在开发中的使用也不是很多，在一些金融系统和音视频app中比较常用。

UISlider属性

@property(nonatomic) float value;                                 // default 0.0. this value will be pinned to min/max
@property(nonatomic) float minimumValue;                          // default 0.0. the current value may change if outside new min value
@property(nonatomic) float maximumValue;                          // default 1.0. the current value may change if outside new max value
@property(nonatomic,getter=isContinuous) BOOL continuous;        // if set, value change events are generated any time the value changes due to dragging. default = YES

上面的4个属性是UISlider的最常用属性
1、value属性设置进度默认值
2、minimumValue属性设置进度最小值
3、maximumValue属性设置进度最大值
4、continuous属性设置响应机制，是否在松开手指才确定值。

    //进度最小值
    slider.minimumValue = 0.0;
    //进度最大值
    slider.maximumValue = 100.0;
    //开始默认值
    slider.value = 22.0;
    //响应设置机制。当放开手，值才确定下来
    slider.continuous = NO;
    //设置背景色
    slider.backgroundColor =[UIColor redColor];

@property(nullable, nonatomic,strong) UIImage *minimumValueImage;          // default is nil. image that appears to left of control (e.g. speaker off)
@property(nullable, nonatomic,strong) UIImage *maximumValueImage;          // default is nil. image that appears to right of control (e.g. speaker max)

minimumValueImage和maximumValueImage这两个属性是设置最小值和最大值对应的图片，如下图：
这里写图片描述

    //设置最小值图片
    slider.minimumValueImage = [UIImage imageNamed:@"min.png"];
    //设置最大值图片
    slider.maximumValueImage = [UIImage imageNamed:@"max.png"];

UISlider监听事件

UISlider的交互响应监听和按钮的响应一样，都是添加一个事件监听，通过监听方法控制。

    //添加监听事件
    [slider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];

在sliderValueChanged:方法中去实现想要的效果。
注意：在监听事件中，监听的是slider值的变化。