UISliderのカスタマイズ

thumb(丸いやつ)はsetThumbImage(_:for)、thumbより左のプログレスはsetMinimumTrackImage(_:for)、thumbより右のプログレスはsetMaximumTrackImage(_:for)でそれぞれカスタマイズできる。

let thumbImage = UIColor.white.circleImage(width: 16, height: 16) // 白い16x16の丸
seekSlider.setThumbImage(thumbImage, for: .normal)
let minimumTrackImage = UIColor.white.image // 白
seekSlider.setMinimumTrackImage(minimumTrackImage, for: .normal)
let maximumTrackImage = UIColor.custom(.gray).withAlphaComponent(0.5).image // グレーのalpha0.5
seekSlider.setMaximumTrackImage(maximumTrackImage, for: .normal)

上記で使用しているUIColorのextensionメソッドについては以下参照。

kitoko552.hatenablog.com

参考記事

こちらは図付きで分かりやすかった。
stackoverflow.com

公式リファレンス

公式も意外と分かりやすい。
UISlider - UIKit | Apple Developer Documentation