zoukankan      html  css  js  c++  java
  • UISlider(进度条)

    在iOS中是一个滑块控件,基本用于视频播放进度,控制音量大小,控制播放器的进度条等等。

    UISlider继承于UIControl,拖动UISlider时,会提供一系列的值,滑块在不同的位置,获取的值也是不同的。

    RootView.m

     

    // slider 进度条

        // 创建slider

        self.slider = [[[UISlider alloc]initWithFrame:CGRectMake(50, 200, 200, 50)]autorelease];

        // 最小值 负数也可以

        self.slider.minimumValue = 0;

        // 最大值

        self.slider.maximumValue = 1;

        // 当前值

        self.slider.value = 1;

       

        // 划过区域颜色

        self.slider.minimumTrackTintColor = [UIColor greenColor];

        // 未划过区域颜色

        self.slider.maximumTrackTintColor = [UIColor whiteColor];

     

     // 小圆点变颜色

        self.slider.thumbTintColor = [UIColor redColor];

        // 设置图片后,小圆点才会变颜色

        [self.slider setThumbImage:[UIImage imageNamed:@"2.png"] forState:UIControlStateNormal];

        // 最小值图片

        self.slider.minimumValueImage = [UIImage imageNamed:@"min.png"];

        // 最大值图片

        self.slider.maximumValueImage = [UIImage imageNamed:@"max.png"];

       

        [self addSubview:_slider];

    1、初始化方法:initWithFrame与普通的视图初始化方法类似

    2、minimumValue,设置slider的最小值(一般从0开始,但是也可以是负数)

    3、maximumValue,设置slider的最大值

    4、minimumTrackTintColor,设置进度条划过后的颜色

    5、maximumTrackTintColor,设置进度条未划过的颜色

    6、thumbTintColor,进度条上当前位置小圆点的颜色(想要把小圆点的颜色改变,得首先把这个小圆点用图片来代替:调setThumbImage方法)

    7、小圆点的颜色和小圆点的图片会相互覆盖

    8、minimumValueImage,设置slider最小值的图片

    9、maximumValueImage,设置slider最大值的图片

    RootViewController.m

    - (void)viewDidLoad {

    [super viewDidLoad];

    // 添加slider滑动事件

    [self.rv.slider addTarget:self action:@selector(sliderAction:) forControlEvents:(UIControlEventValueChanged)];

    }

    // slider 响应方法

    - (void)sliderAction:(UISlider *)sender{

        NSLog(@"slider");

        NSLog(@"%.1f",sender.value);

        // 使用slider的值,改变视图透明度

        self.view.alpha = sender.value;

       

    }

    添加事件的参数与segment一样的意思

    sender.value为slider的当前值。

  • 相关阅读:
    ARC071 简要题解
    ARC070 简要题解
    ARC069 简要题解
    ARC068 简要题解
    ARC067 简要题解
    ARC066 简要题解
    ARC065 简要题解
    长链剖分优化dp三例题
    CF815D Karen and Cards 官方题解翻译
    [九省联考2018] IIIDX 线段树+贪心
  • 原文地址:https://www.cnblogs.com/Coder-GT/p/4872578.html
Copyright © 2011-2022 走看看