[IOS]今天开始学UI---UISlider

UISlider类似于UIProgressView 只不过他的progress是我们来调整的

下图就是UISlider

UISlider中有value属性指示此时的值

minimumValue指示该控件所能设置的最小值

maximumValue指示该控件所能设置的最大值

minimumValueImage出现在划条最左边的图片

maximumValueImage出现在划条最右边的图片

continuous BOOL型 指示 数值变化是离散的还是连续的  当你给UISlider添加事件响应的时候 当然不希望一直在触发EventValueChange事件

图解控件

源码附上

@interface ViewController ()
@property (nonatomic,strong) UISlider *slider1;
@property (nonatomic,strong) UISlider *slider2;
@property (nonatomic,strong) UISlider *slider3;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    [self configurationSlider1];
    [self configurationSlider2];
    [self configurationSlider3];

}

-(void)configurationSlider1{
    _slider1 = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 250, 30)];
    CGPoint center = self.view.center;
    _slider1.center = CGPointMake(center.x, center.y-100);
    _slider1.maximumValue = 100;
    [self.view addSubview:_slider1];
}

-(void)configurationSlider2{
    _slider2 = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 250, 30)];
    CGPoint center = self.view.center;
    _slider2.center = CGPointMake(center.x, center.y);
    _slider2.maximumValue = 100;
    [_slider2 setThumbTintColor:[UIColor redColor]];
    _slider2.minimumTrackTintColor = [UIColor blueColor];
    _slider2.maximumTrackTintColor = [UIColor greenColor];
    [self.view addSubview:_slider2];
}

-(void)configurationSlider3{
    _slider3 = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 250, 30)];
    CGPoint center = self.view.center;
    _slider3.center = CGPointMake(center.x, center.y+100);
    _slider3.maximumValue = 100;
    [_slider3 setMinimumTrackImage:[UIImage imageNamed:@"slider_blue_track.png"] forState:UIControlStateNormal];
    [_slider3 setMaximumTrackImage:[UIImage imageNamed:@"slider_green_track.png"] forState:UIControlStateNormal];
    [_slider3 setMinimumValueImage:[UIImage imageNamed:@"increment1.png"]];
    [_slider3 setMaximumValueImage:[UIImage imageNamed:@"increment2.png"]];
    [_slider3 setThumbImage: [UIImage imageNamed:@"x_icon.png"] forState:UIControlStateNormal];
    [self.view addSubview:_slider3];
}

@end<img src="https://img-blog.youkuaiyun.com/20150807171134203?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

图片

slider_blue_track.png

slider_green_track.png

increment1.png

increment2.png

x_icon.png

最后如果要做赏心悦目的 UI还是找个会PS的妹子做老婆把～

that's all

thx 

Everything you see on Screen is UIView.