关于UISlider的简介就不多说了主要记录一下它的各种属性用法：
-(void)setProgressView{
UIView *backView = [[UIView alloc] initWithFrame:CGRectMake(20, 200, 300, 10)];
backView.backgroundColor = [UIColor clearColor];
[self.view addSubview:backView];
self.backView = backView;
UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 300, 10)];
UIImage *image5 = [UIImage imageNamed:@"player_slider_playback_thumb"];
//设置slider圆形滚动的颜色
slider.thumbTintColor = [UIColor purpleColor];
//设置slider右边的颜色
slider.maximumTrackTintColor = [UIColor redColor];
//设置slider左边的颜色
slider.minimumTrackTintColor = [UIColor orangeColor];
// 设置slider圆形滚动部分的背景图片
[slider setThumbImage:[self OriginImage:image5 scaleToSize:CGSizeMake(20, 20)] forState:UIControlStateNormal];
//设置slider右边部分的背景图片
[slider setMaximumTrackImage:[UIImage imageNamed:@"63acf19b71ca34fa00d16a1761ee62e4"] forState:UIControlStateNormal];
//设置slider左边部分的背景图片
[slider setMinimumTrackImage:[UIImage imageNamed:@"6b81ebdb865c1cb4122a6237d6964865"] forState:UIControlStateNormal];
[slider addTarget:self action:@selector(slickChange:) forControlEvents:UIControlEventValueChanged];
//默认为yes，设置为NO的时候，滑动结束的时候slickChange方法才会被调用。
slider.continuous = NO;
[backView addSubview:slider];
//添加手势，用于点击slider的时候滑动到指定位置
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap:)];
[slider addGestureRecognizer:tap];
self.slider = slider;
NSLog(@"%f",slider.currentThumbImage.size.width);
UIImageView *button = [[UIImageView alloc] initWithFrame:CGRectMake(60, 0, 10, 10)];
button.backgroundColor = [UIColor clearColor];
button.image = [UIImage imageNamed:@"player_slider_playback_thumb"];
[self.backView addSubview:button];
self.button = button;
UIView *lineview = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 0.5)];
lineview.backgroundColor = [UIColor purpleColor];
lineview.center = backView.center;
[backView addSubview:lineview];
UIButton *playButton = [[UIButton alloc] initWithFrame:CGRectMake(20, 300, 100, 40)];
playButton.backgroundColor = [UIColor redColor];
[playButton addTarget:self action:@selector(playClick:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:playButton];
}
手势方法：
-(void)tap:(UIGestureRecognizer*)tap{
//当前手势点击点在slider上的位置
CGPoint currentPoint = [tap locationInView:self.slider];
//计算出需要滑动的比例值
float value = currentPoint.x/self.backView.bounds.size.width;
self.slider.value = value;
}
滑动事件响应方法：
-(void)slickChange:(UISlider*)slider{
//计算出指定路径上的button在slider的范围
CGFloat min = 42/300.0;
CGFloat max = 75/300.0;
//slider滑动到这个区间时将slider设置到最前面
if (min<slider.value&& slider.value<max) {
[self.backView bringSubviewToFront:self.slider];
}else{
[self.backView sendSubviewToBack:self.slider];
}
}
改变slider上圆形滑动块大小的一种办法(UITableviewcell上自带imageview大小也可以使用这个代码)
-(UIImage*) OriginImage:(UIImage*)image scaleToSize:(CGSize)size
{
UIGraphicsBeginImageContext(size);//size为CGSize类型，即你所需要的图片尺寸
[image drawInRect:CGRectMake(0,0, size.width, size.height)];
UIImage* scaledImage =UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return scaledImage;
}
滑动到第一个小的分区上的图片：
屏幕快照 2017-05-31 上午9.50.06.png
滑过以后的图片：
屏幕快照 2017-05-31 上午9.49.51.png
