自定义滑块轨道图像

Posted 2023-03-14

【中文标题】自定义滑块轨道图像

【英文标题】：Customizing slider track images

【发布时间】：2011-10-04 07:00:32

【问题描述】：

您好，我想自定义我的 UISlider，类似于 iBooks 的做法。我知道 [滑块 setMaximumTrackImage:] 和 [滑块 setMinimumTrackImage:] 将被使用。但是有人可以澄清一下我在图像中需要多少个点？

【参考方案1】：

图像应该是可拉伸的。来自docs：

轨道图像的方向必须与 滑块控制。为了便于拉伸图像以填充 拇指和终点之间的空间，轨迹图像通常是 定义为三个区域。可拉伸区域位于两端之间 帽区域。端盖定义了图像中保留的部分 按原样，不拉伸。可拉伸区域为 1 点宽 端盖之间的区域，可以复制以制作图像 显得更长。

要为水平方向的滑块定义端盖尺寸，请为图像的 leftCapWidth 属性分配适当的值。有关此值如何定义滑块区域的更多信息，请参阅 UIImage 类。

因此，您绘制的图像将具有您的末端部分（默认滑块中最左侧的圆形部分） - 其宽度由您的左帽宽度定义。然后是一个 1 像素宽的部分，可以拉伸到滑块的长度，然后是一个右帽（占据图像的剩余部分）。

理论上，您可以制作一个 1 像素宽的图像，并将其从轨道末端延伸到当前拇指位置。但是，这最终将没有形状。

【讨论】：

根据我从您的回答中收集到的信息，整个滑块轨道将使用用户设置的图像进行着色，但是如果我需要在滑块轨道中定期设置一定的透明间隙（有点类似于UIPageControl).. 无论如何感谢您的帮助。干杯！

在这种情况下，将图像设置为滑块的整个宽度，并且不要设置大写宽度。这应该被截断而不是被拉伸。