UISlider的应用-----通过简单的图片设置改变滑动效果

  对于一个Slider,只需要准备四张图片，两个结点图片，两个背景图片。其中结点图片一个为正常状态，一个为高亮状态。对于结点两边也采用不同的背景图片区分。

 //设置结点普通效果图片
    UIImage *thumbImageNormal = [UIImage imageNamed:@"SliderThumb-Normal"];         //SliderThumb-Normal为图片名字
    [self.slider setThumbImage:thumbImageNormal forState:UIControlStateNormal];     //slider为Slider对象名
    
    //设置结点高亮效果图片
    UIImage *thumbImageHighlighted =[UIImage imageNamed:@"SliderThumb-Highlighted"];
    [self.slider setThumbImage:thumbImageHighlighted forState:UIControlStateHighlighted];
    
    //设置结点左边背景
    UIImage *trackLeftImage = [[UIImage imageNamed:@"SliderTrackLeft"]stretchableImageWithLeftCapWidth:14 topCapHeight:0];
    [self.slider setMinimumTrackImage:trackLeftImage forState:UIControlStateNormal];
    
    //设置结点右边背景
    UIImage *trackRightImage = [[UIImage imageNamed:@"SliderTrackRight"]stretchableImageWithLeftCapWidth:14 topCapHeight:0];
    [self.slider setMaximumTrackImage:trackRightImage forState:UIControlStateNormal];

原装Slider:

添加图片之后效果：