使用 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 的最小和最大图像有点混淆。

Min 图像在 Thumb 的左侧绘制（并拉伸）。 Max 图像在 Thumb 的右侧绘制（并拉伸）。

创建一个小的方形纯红色图像 - 例如 16x16 - 并将其（不带插图）分配给 .setMaximumTrackImage。从低值到高值，看看最终结果如何。

编辑：对于这个例子，我在 Min 图像上使用了 NO insets...

注意：我在这些大写字母中使用了 20x20 的清晰图像。