UISlider 自定制

如果觉得我写的还不错，请关注我的新浪微博@小橘爷，最新文章即时推送~

简介

UISlider 是 UIKit 中较为常用的控件，虽然不如 UIButton 和 UIImageView 那样被人们频繁的使用，也不如 UITableView 和 UICollectionView 那样花式繁多，但在某些特定的场合，它还是能派上一定的用场的。接下来让我们看一下它的高级的用法。

UISlider 需要子类重写才能使用的 API

在使用 UISlider 的时候，经常会有一些比较常见的设计要求，诸如让 UISlider 的进度条高一些，或者是让滑块的大小大一些等。

首先需要声明的是，以下的四个 API 都是用来供子类重写的，无需你直接调用即可生效。

设置 UISlider 的高度

- (CGRect)trackRectForBounds:(CGRect)bounds;

这个方法是用来返回 UISlider 上的进度条的尺寸的，不过通常情况下，它的长度被我们已经设置好了，真正需要修改的只有高度。

- (CGRect)trackRectForBounds:(CGRect)bounds
{
    bounds = [super trackRectForBounds:bounds]; // 必须通过调用父类的trackRectForBounds 获取一个 bounds 值，否则 Autolayout 会失效，UISlider 的位置会跑偏。
    return CGRectMake(bounds.origin.x, bounds.origin.y, bounds.size.width, h); // 这里面的h即为你想要设置的高度。
}

设置滑块可触摸范围的大小

有的时候，设计会给我们一个图片让我们来把滑块变得大一些，我们调用了 UISlider 的方法把图片给了滑块。但是，测试又会跟我们说，滑块这么大，怎么可触摸的范围还是那么小？这时，就可以用到下面这个 API 了~

- (CGRect)thumbRectForBounds:(CGRect)bounds
                   trackRect:(CGRect)rect
                       value:(float)value

其中，bounds 是滑块的大小，rect 是进度条的尺寸，也就是第一个 API 的返回值，而 value 则是 UISlider 当前的值。

- (CGRect)thumbRectForBounds:(CGRect)bounds trackRect:(CGRect)rect value:(float)value
{
    bounds = [super thumbRectForBounds:bounds trackRect:rect value:value]; // 这次如果不调用的父类的方法 Autolayout 倒是不会有问题，但是滑块根本就不动~
    return CGRectMake(bounds.origin.x, bounds.origin.y, w, h); // w 和 h 是滑块可触摸范围的大小，跟通过图片改变的滑块大小应当一致。
}

设置进度条划过的和未划过的图片的尺寸

- (CGRect)maximumValueImageRectForBounds:(CGRect)bounds; // 设置滑块右侧进度条的尺寸
- (CGRect)minimumValueImageRectForBounds:(CGRect)bounds; // 设置滑块左侧进度条的尺寸

这两个方法我试过了，可是没什么反应……可能是因为我的进度条不是用图片设置的原因吧，大家有兴趣可以试一下，结果可以在评论里告诉我~