ios - 使用 UIEdgedInset 的自定义 UISlider 渲染效果不佳

Question

我正在尝试使用图像做一个自定义uislider(没有可见的旋钮，当用户无法编辑时我隐藏它并在他可以时显示它)问题是侧面渲染完美，但正确的部分是可爱，而且似​​乎没有使用边缘......知道如何编辑它吗？

实际代码:

    let capLeft:CGFloat =  9
    let capRight:CGFloat = 9
    imageMin = imageMinimum?.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: capLeft, bottom: 0, right: capRight), resizingMode: .stretch)
    imageMax = imageMaximum
    slider.setMaximumTrackImage(imageMax, for: UIControlState())
    slider.setMinimumTrackImage(imageMin, for: UIControlState())

它是如何渲染的:

它应该如何呈现:

最小轨道图像:

最大跟踪图像:

你有什么想法吗？

Answer 1

我认为 UISlider 的最小和最大图像有点困惑。

最小图像绘制(并拉伸(stretch))在拇指的左侧。 Max 图像在拇指的右侧绘制(并拉伸(stretch))。

创建一个小的方形实心红色图像 - 例如 16x16 - 并将其(无插图)分配给 .setMaximumTrackImage。当您从低值到高值时，看看最终结果如何。

编辑:在此示例中，我在最小图像上没有使用任何插图...

注意:我为这些大写字母中的拇指使用了 20x20 清晰图像。