基础控件-->>UISlider 详解
2016-09-22 本文已影响379人
MrBrave丶彬彬
继基础控件UIImageView之后,期待的UISlider详细介绍-->>保证你有意外收获,如有问题欢迎指点。。
1、UISlider相关属性
#######效果
1.gif
#######代码
//这里无论高度设为多少,都按其自己的默认高度显示
UISlider * slider = [[UISlider alloc]initWithFrame:CGRectMake(15, 100, [UIScreen mainScreen].bounds.size.width - 30, 100)];
//这个值是介于滑块的最大值和最小值之间的,如果没有设置边界值,默认为0-1;
slider.value = 0;
//设置滑块最小边界值(默认为0)
slider.minimumValue =0;
// 设置滑块最大边界值(默认为1)
slider.maximumValue = 1;
[slider addTarget:self action:@selector(slider:) forControlEvents:UIControlEventValueChanged];
// 设置滑块最左端显示的图片
slider.minimumValueImage = [UIImage imageNamed:@"3"];
// 设置滑块最右端显示的图片
slider.maximumValueImage = [UIImage imageNamed:@"1"];
// 设置滑块值是否连续变化(默认为YES) 这个属性设置为YES则在滑动时,其value就会随时变化,设置为NO,则当滑动结束时,value才会改变。
slider.continuous = YES;
//设置滑块左边(小于部分)线条的颜色
slider.minimumTrackTintColor = [UIColor whiteColor];
//设置滑块右边(大于部分)线条的颜色
slider.maximumTrackTintColor = [UIColor cyanColor];
//设置滑块颜色(影响已划过一端的颜色) 注意这个属性:如果你没有设置滑块的图片,那个这个属性将只会改变已划过一段线条的颜色,不会改变滑块的颜色,如果你设置了滑块的图片,又设置了这个属性,那么滑块的图片将不显示,滑块的颜色会改变(IOS7)
// slider.thumbTintColor = [UIColor blackColor];
//设置滑块的图片:
[slider setThumbImage:[UIImage imageNamed:@"4"] forState:UIControlStateNormal];
[slider setThumbImage:[UIImage imageNamed:@"4"] forState:UIControlStateSelected];
[self.view addSubview:slider];
//改变背景颜色
- (void)slider:(UISlider *)slider
{
if ([slider isKindOfClass:[UISlider class]]) {
UISlider * slider1= slider;
CGFloat value = slider1.value;
NSLog(@"%f", value);
self.view.backgroundColor = [UIColor colorWithRed:value green:value blue:value alpha:value-0.5];
}
}
#######不常见的属性和方法
设置滑块划过部分的线条图案
- (void)setMinimumTrackImage:(UIImage *)image forState:(UIControlState)state;
设置滑块未划过部分的线条图案
- (void)setMaximumTrackImage:(UIImage *)image forState:(UIControlState)state;
对应的几个get方法
- (UIImage *)thumbImageForState:(UIControlState)state;
- (UIImage *)minimumTrackImageForState:(UIControlState)state;
- (UIImage *)maximumTrackImageForState:(UIControlState)state;
对应的设置当前状态的响应属性的方法
currentThumbImage;
currentMinimumTrackImage;
currentMaximumTrackImage;
*/
2016年09月22日--->未完待续。。。。。。。。