如何让 UISlider 响应拇指滑块上方和下方轨道上的点击事件

Question

我有一个 284 像素宽的 UISlider，范围为 0-25。用户需要选择一个精确到小数点后 1 位的值（例如 12.3），这可以通过滚动手指来小心地实现，但是很繁琐，并且当您抬起手指时往往会改变值。

我正在尝试对其进行安排，以便您可以通过点击拇指上方或下方的滑块将滑块向上或向下移动 0.1 个间隔。我确信这是可能的，但由于这是我的第一个 xcode 项目，我正在努力。有人能指出我正确的方向吗？

Answer 1

重新实现。

- (BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event

我认为更好的解决方案就是子类化 UISlider，并在触摸事件位于滑块边界内时返回 YES 来

Answer 2

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

您需要做的是子类 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 3

我想到了几个选项：

1. 创建不可见按钮并将它们放置以接收这些点击
2. 子类 UISlider 并拦截 TouchBegan 等方法。确定是否要根据命中的位置响应命中，或调用超级函数。您可能需要扩展框架以包含您触摸的位置。

我不确定创建一个非标准（尤其是不可见的！）实现是一个好主意，但是 - 我建议您添加可见按钮进行微调。侧面的简单向上箭头/向下箭头可能会有所帮助。还要考虑 UISlider 是否是您想要的，因为它对您来说工作得不够好。

Answer 4

在 Interface Builder 中，您无法设置 UISlider 的高度，因为它是固定的。但是在您设置拇指图像和轨道图像值的代码中，您可以设置帧高度，如下所示。这将打开对触摸敏感的区域。

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