使用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有點混淆。

最小圖像在拇指的左側繪製（拉伸）。最大圖像被繪製（拉伸）在拇指的右側。

創建一個小的方形固體紅色圖像 - 如16x16 - 並將它（不帶插頁）分配到.setMaximumTrackImage。當你從低到高的價值觀時，看看結果如何。

編輯：我沒有使用插圖閩圖像上這個例子...

注：我用了一個20×20清晰的圖像，在這些蓋了大拇指。