Swift Changing UISlider images and tint doesn't work as expected

Question

I have a slider in my ViewController:

@IBOutlet weak var timeSlider: UISlider!

When using the code:

timeSlider.setMinimumTrackImage(#imageLiteral(resourceName: "track"), for: .normal)
timeSlider.setMaximumTrackImage(#imageLiteral(resourceName: "track"), for: .normal)
timeSlider.setThumbImage(#imageLiteral(resourceName: "thumb2"), for: .normal)

My slider looks like this:

It works great and behaves as one would expect it to behave

Now I want to make the part before thumb have different color and the part after to also have different color, so I created a function which creates new images as templates (templates being an array) from images I use for my view:

func setTemplates(){
        templates.removeAll()
        for i in 0 ..< 10{
            templates.append(playImg[i].withRenderingMode(.alwaysTemplate))
        }
    }

templates[5] is the same image as "thumb2"

templates[6] = "track"

and then I wanted to assign template[6] (which the image "track" converted to template) and color it in the same fashion I do with other images in the view like buttons, or to color labels etc. like this:

timeSlider.setMinimumTrackImage(templates[6], for: .normal)
        timeSlider.setMaximumTrackImage(templates[6], for: .normal)
        timeSlider.setThumbImage(templates[5], for: .normal)
        timeSlider.minimumTrackTintColor = colors.primaryColor
        timeSlider.maximumTrackTintColor = colors.detailColor
        timeSlider.thumbTintColor = colors.secondaryColor

Where colors is a struct holding four different colors. But as you can see it doesn't work properly

The image thumb is being set to default one, it doesn't even behave properly as I can't move the thumb to 0.0 position of the slider and after I move it or the colors change, the part after thumb gets blue color which is default for slider.

I tried different ways to fight this problem but this is the closest I got it to working properly. At this point I'm starting to think it's a bug but maybe I made some mistake in my code. As I said I have buttons, labels, which I color the same way I tried here

button.setImage(templates[7], forState: .normal)
button.tintColor = colors.primaryColor

and it works What am I doing wrong?

Answer 1

From the documentation for UISlider thumbTintColor :

Setting this property resets the thumb images back to the slider's default images; any custom images are released by the slider. Setting this property to nil resets the tint color to the default and removes any custom thumb images.

Same for the two track tints.

If you want custom images then just set the custom images without also setting the tints.

In other words, set either the custom images or set the tints. Do not set both.