調整 UISlider 拇指圖像

Question

所以我在我的自定義UISlider添加了一個拇指圖像，如下所示：

self.setThumbImage(UIImage(named: "POITicker"), for: .normal)

但正如你所看到的，它沒有居中。 如何調整圖像以使拇指以圓心為中心？

Answer 1

這是您的自定義滑塊，因此請覆蓋thumbRect(forBounds:...) ； 這就是它的用途。

https://developer.apple.com/documentation/uikit/uislider/1621344-thumbrectforbounds

例如，你可能會說

override func thumbRect(forBounds bounds: CGRect, trackRect rect: CGRect, value: Float) -> CGRect {
    return super.thumbRect(forBounds: bounds, trackRect: rect, value: value)
        .offsetBy(dx: 0, dy: -7)
}

除了您可以通過眼球調整dy值。

Answer 2

一種選擇，它還為您提供“更高”的拇指觸摸區域：

顯然，使用透明背景而不是此處顯示的綠色。