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およびMax画像について少し混乱していると思います。

サム画像は、サムネイルの左側で描画されます（そして伸ばされます）。サム画像の右側に最大画像が描画されます（そして伸ばされます）。

小さな正方形の赤いイメージ（16x16など）を作成し、それを（インセットなしで）.setMaximumTrackImageに割り当てます。あなたが低い値から高い値に行くと、それがどのように見えるかを見てください。

編集：私はこの例では最低の画像にはインセットを使用していない...

注：私はこれらのキャップで親指のために20×20鮮明な画像を使用していました。