此工程文件实现功能:
1、定义UISlider和UIProgressView对象和属性
2、设置UISlider和UIProgressView的基本属性,如颜色
3、向UISlider添加事件函数,UIProgressView没有事件函数,只能被动显示进度值
===========================ViewController.h脚本==============================
#import@interface ViewController : UIViewController { //进度条对象 //一般用来表示下载或视频播放的进度 UIProgressView* _progressView; //滑动条的定义 //一般用来进行调整进度,如音乐等 UISlider* _slider; } //定义一个进度条属性 @property (retain,nonatomic)UIProgressView* progressView; //定义一个滑动条属性 @property (retain,nonatomic)UISlider* slider; @end
===========================ViewController.m脚本==============================
@synthesize slider = _slider; @synthesize progressView = _progressView; - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. //进度条的创建 _progressView = [[UIProgressView alloc] init]; //进度条的位置大小设置 //进度条的高度是不可以变化的,40为无效值 _progressView.frame = CGRectMake(50, 100, 200, 40); //设置进度条的风格色值 _progressView.progressTintColor = [UIColor redColor]; _progressView.trackTintColor = [UIColor blackColor]; //设置进度条的进度值 //范围从0~1 //最小值为0 //最大值为1 _progressView.progress = 0.5; //设置进度条的风格特征 _progressView.progressViewStyle = UIProgressViewStyleBar;//UIProgressViewStyleDefault; [self.view addSubview:_progressView]; //创建滑动条对象 _slider = [[UISlider alloc] init]; //位置设置,高度不可变更 _slider.frame = CGRectMake(10, 200, 300, 40); //设置滑动条最大值 _slider.maximumValue = 100; //设置滑动条的最小值,可以为负值 _slider.minimumValue = -100; //设置滑动条的滑块的位置float值 _slider.value = 0.5; //左侧滑条背景颜色 _slider.minimumTrackTintColor = [UIColor blueColor]; //右侧滑条背景颜色 _slider.maximumTrackTintColor = [UIColor greenColor]; //设置滑块的颜色 _slider.thumbTintColor = [UIColor orangeColor]; //对滑动条添加事件函数 [_slider addTarget:self action:@selector(pressSlider) forControlEvents:UIControlEventValueChanged]; [self.view addSubview:_slider]; } -(void)pressSlider { _progressView.progress = (_slider.value-_slider.minimumValue) / (_slider.maximumValue - _slider.minimumValue); NSLog(@"value = %f",_slider.value); }
学习总结:
- 重点:进度条和滑动条的属性
- 难点:进度条和滑动条的使用
源码链接地址:https://pan.baidu.com/s/1yrOLXZZeu9MiOWtMq5-EGA 密码:7t1l