美文网首页
UISlider滑动条 & UIProgressView进度条

UISlider滑动条 & UIProgressView进度条

作者: 李琪_59dc | 来源:发表于2017-10-11 14:19 被阅读0次

    UISlider

    • alloc init 创建
    • frame 设置位置(高度不可变)
    • maximumValue 设置最大值
    • minimumValue 设置最小值 (可以为负值)
    • value 设置开始值
    • maximumTrackTintColor 设置靠近最大值的轨迹颜色
    • minimumTrackTintColor 设置靠近最小值的轨迹颜色
    • thumbTintColor 设置圆按钮风格颜色
    • (void)addTarget:(nullable id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents; 为滑动条添加响应事件

    具体使用:

    //ViewController.h
    //滑动条,一般用来进行调整音乐的音量等
    @property(strong,nonatomic)UISlider* slider;
    
    //ViewController.m
    - (void)viewDidLoad {
        [super viewDidLoad];
        //创建滑动条对象
        _slider = [[UISlider alloc]init];
        //滑块的高度不可变
        _slider.frame = CGRectMake(10, 200, 300, 40);
        
        _slider.maximumValue = 100;
        //可以为负值
        _slider.minimumValue = 0;
        
        //设置滑动条的滑块的位置float值
        _slider.value = 20;
        _slider.maximumTrackTintColor = [UIColor blueColor];
        _slider.minimumTrackTintColor = [UIColor greenColor];
        _slider.thumbTintColor = [UIColor cyanColor];
        
        //对滑动条添加事件函数
        [_slider addTarget:self action:@selector(pressSlider) forControlEvents:UIControlEventValueChanged];
        
        [self.view addSubview:_slider];                  
    }
    //滑动条响应事件
    -(void)pressSlider{
        NSLog(@"value = %f",_slider.value);
    //    _progressView.progress = _slider.value;
        _progressView.progress = (_slider.value-_slider.minimumValue)/(_slider.maximumValue-_slider.minimumValue);
    }
    

    UIProgressView

    • alloc init 创建进度条
    • frame 设置进度条位置(高度不可变)
    • progress 设置当前进度值(0~1表示进度)
    • progressTintColor 已完成进度的染色
    • trackTintColor 设置进度条的风格颜色
    • progressViewStyle: UIProgressViewStyleDefault扁平化风格
      具体使用:
    - (void)viewDidLoad {
        [super viewDidLoad];
    
        _progressView = [[UIProgressView alloc]init];
        //进度条的高度不可以变
        _progressView.frame = CGRectMake(50, 100, 200, 40);
        
        //设置进度条的风格颜色值
        _progressView.progressTintColor = [UIColor orangeColor];
        //设置进度条的轨迹的风格颜色值
        _progressView.trackTintColor = [UIColor grayColor];
        
        //0~1表示进度
        _progressView.progress = 0.5;
        
        _progressView.progressViewStyle = UIProgressViewStyleDefault;
    //    _progressView.progressViewStyle = UIProgressViewStyleBar;
        
        [self.view addSubview:_progressView];
    }
    

    相关文章

      网友评论

          本文标题:UISlider滑动条 & UIProgressView进度条

          本文链接:https://www.haomeiwen.com/subject/nvlwyxtx.html