更大的 UISlider 可以，但跟踪区域有问题

Question

我的目标是创建一个更大的 UISlider，拇指图像高度为 35 像素。

我对 UISlider 进行了子类化并添加了方法：

- (CGRect)trackRectForBounds:(CGRect)bounds
{
    return CGRectMake(bounds.origin.x, bounds.origin.y, self.bounds.size.width, 50);
}

然后我使用 setThumbImage 从控制器设置拇指图像：

我的大拇指得到了很好的显示。

我遇到的问题是跟踪区域在 19 px 高度左右仍然相同，如何将其扩展到 50 ？

谢谢

T。

Answer 1

iPhone OS 的 UISlider 控件的一个长期存在的问题是你无法将其变得更高。更具体地说，您可以通过为其拇指和轨道指定更高的图像来使其看起来更高，但触摸区域的高度仍为 23 像素。

Michael Patricios 发布了一种方法默认滑块更容易触摸，并且该技术的变体可以处理更大的滑块。您需要做的是子类 UISlider，并覆盖类中的 pointInside：

// How many extra touchable pixels you want above and below the 23px slider
#define SIZE_EXTENSION_Y 10

- (BOOL) pointInside:(CGPoint)point withEvent:(UIEvent*)event {
    CGRect bounds = self.bounds;
    bounds = CGRectInset(bounds, 0, SIZE_EXTENSION_Y);
    return CGRectContainsPoint(bounds, point);
}

在 Interface Builder 中，将滑块设置为使用新的 UISlider 子类，现在您拥有一个可触摸高度为 43px 的滑块。

Answer 2

我正在使用这个解决方案:)

CGRect sliderFrame = self.mySlider.frame;    
sliderFrame.size.height = 142.0; 
[self.mySlider setFrame:sliderFrame];

Answer 3

通过增加 UISlider 框架的高度来增加 UISlider 拇指点击区域。这种方法避免了任何偏移以及随后校正滑块框架的需要。

- (void)viewDidLoad{
    [super viewDidLoad];

    //expand slider hit area
    self.slider.frame = CGRectInset(self.slider.frame, 0, -10);

}

Answer 4

我相信您可能想看看 thumbRectForBounds:trackRect:value: