效果图
- 滑动条存在刻度,60、90
- 拖动的过程中，右边的分数会变化
- 分值只有0、60、90、100,你拖到25放手，小车会回到0
- 分值为0时，小车的图片和分值大于0时不同
显示刻度
首先要解决刻度。UISlider提供的方法并不多，和刻度相关的无疑是下面的方法。
- (void)setMinimumTrackImage:(nullable UIImage *)image forState:(UIControlState)state;
- (void)setMaximumTrackImage:(nullable UIImage *)image forState:(UIControlState)state;
图片上自带刻度，且宽度和slider保持一致，设置图片就可以。最初写法是
UIImage *image = [UIImage imageNamed:@"line"] ;
[self.firstSlider setMinimumTrackImage:image forState:UIControlStateNormal];
[self.firstSlider setMaximumTrackImage:image forState:UIControlStateNormal];
结果就不说了。
正确的写法是
UIImage *image = [[UIImage imageNamed:@"line"] resizableImageWithCapInsets:UIEdgeInsetsZero];
[self.firstSlider setMinimumTrackImage:image forState:UIControlStateNormal];
[self.firstSlider setMaximumTrackImage:image forState:UIControlStateNormal];
区别就至于resizableImageWithCapInsets返回一个可改变大小的图片，类似于
android的.9.png。
刻度在图片上，iOS提供了绘制UIImage的方法，因此，我们可以自己绘制。这样，刻度值、背景颜色、slider高度等都可以动态设置。具体的可以参考 <a href="https://github.com/joamafer/JMMarkSlider">JMMarkSlider</a>。
值获取
可以通过UIControlEventValueChanged来得到值更新的通知，通过slider的value属性来获取这个值。
@weakify(self);
[[self.slider rac_signalForControlEvents:UIControlEventValueChanged] subscribeNext:^(UISlider *x) {
@strongify(self);
self.lblScore.text = [NSString stringWithFormat:@"%0.f分", x.value];
if (x.value >= 90) {
self.lblScore.textColor = JXColorTextGreen;
} else {
self.lblScore.textColor = JXColorRed;
}
}];
UISlider还有个属性continuous，可以控制UIControlEventValueChanged的触发条件。
@property(nonatomic,getter=isContinuous) BOOL continuous;
// if set, value change events are generated any time the value changes due to dragging. default = YES
最终停在刻度上
拖到25，放手，又会回到0。问题其实就是怎么知道用户放手了。直接复写touchBegin、touchMove、touchEnd和touchCalcel几个方法。
