如何制作UISlider的“轨迹”无形的？

Question

我试图在我的应用程序中模拟苹果的“滑动解锁”功能。我已经到了这一点（下图），但是正如您所看到的，UISlider 的“轨道”是可见的并且覆盖了我的文本。有没有办法以编程方式更改属性，使“轨道”不可见？

如果您需要我的任何代码，请告诉我。

提前致谢！

编辑：如果我将滑块的 alpha 更改为 0，它将摆脱我的滑动按钮，因此除非我做错了，否则这样做将不起作用。 :)

Answer 1

这是一个更简单的方法。无需创建图像，只需实例化一个空的 UIImage 类即可：P

UIImage *clearImage = [[UIImage alloc] init];
[self.slider setMinimumTrackImage:clearImage forState:UIControlStateNormal];
[self.slider setMaximumTrackImage:clearImage forState:UIControlStateNormal];

Answer 2

其实我只是想明白了。这就是我所做的：

UIImage *sliderMinimum = [[UIImage imageNamed:@"clearTrack.png"] stretchableImageWithLeftCapWidth:4 topCapHeight:0];
[slider setMinimumTrackImage:sliderMinimum forState:UIControlStateNormal];
UIImage *sliderMaximum = [[UIImage imageNamed:@"clearTrack.png"] stretchableImageWithLeftCapWidth:4 topCapHeight:0];
[slider setMaximumTrackImage:sliderMaximum forState:UIControlStateNormal];

clearTrack.png 只是我制作的清晰滑块图像。

现在我有这个：耶！

Answer 3

可能没有办法隐藏轨迹； “滑动解锁”的行为不像 UISlider，可能是自定义控件。您也许能够破解滑块控件，也许可以通过将不透明度设置为低（0将使其隐藏并且不会接收触摸），但如果您走这条路，您可能会在之后遇到一些问题操作系统更新。苹果不会像微软那样在兼容性方面不遗余力。

正确的方法是使用自定义控件。这似乎比使用 UISlider 需要更多工作，但如果您将其与您花费和/或将花费在破解 UISlider 上的所有时间进行比较，则事实并非如此。

为此：子类化 UIControl。编写您自己的绘图代码以使其看起来正确（您可能可以重用您现在正在做的一些事情）。然后注册触摸事件来移动滑块手柄：

• UIControlEventTouchDown：如果在手柄上，则设置一个“移动”标志
• UIControlEventTouchDragInside：如果设置了移动标志，则将手柄移动到触摸位置；您可以只更新实例变量，调用 setNeedsDisplay 将其绘制在新位置。
• UIControlEventTouchUpInside：如果设置了移动标志，并且句柄位于末尾，则解锁

如果您想模仿真正的解锁句柄，请尝试使用它并查看它的行为方式。您可能需要以不同的方式响应事件（如果将鼠标拖动到滑块路径之外会发生什么）。但你应该能够理解它的要点。

Answer 4

在斯威夫特中：

slider.setMinimumTrackImage(UIImage(), forState: .Normal)
slider.setMaximumTrackImage(UIImage(), forState: .Normal)

Answer 5

为了回答上述问题，您可以为最小和最大轨道图像设置透明的 1px png。

Answer 6

看起来只是将色调颜色设置为清除就可以了......

    [slider setMinimumTrackTintColor:[UIColor clearColor]];
    [slider setMaximumTrackTintColor:[UIColor clearColor]];

Answer 7

我认为@Arjay Waran 的回答是最好的。

这是它的 Swift 3.0 版本。

slider.minimumTrackTintColor = UIColor.clear
slider.maximumTrackTintColor = UIColor.clear

干杯

Answer 8

从故事板：-

为 Min Track 和 Max Track 选择透明颜色