CODEWITHSUNDEEP
iosswiftanimationuikituislider
aritroper
aritroper

Reputation: 1709

How to change the size of a UISlider thumb when seeking

I'd like to make my UISlider thumb size change while I scrub the slider, much like how the seeker works in Apple Music or Spotify. Is this possible to do with a vanilla UISlider? Any pointers on how to do this would be much appreciated. Thanks

Upvotes: 6

Views: 2382

Answers (1)

Stephan Schlecht
Stephan Schlecht

Reputation: 27096

Create a normal and larger thumb image with the sizes you want as PDF and add it to the .xcassets.

Then use the following lines of code:

let normal = UIImage(named: "thumbSmall")
slider.setThumbImage(normal, for: .normal)
let highlighted = UIImage(named: "thumbLarger")
slider.setThumbImage(highlighted, for: .highlighted)

Then during sliding the larger thumb image is shown.

A short test looks like this:

thumb size during sliging

Upvotes: 6

Related Questions