Changing UISlider Images with Swift

uislider thumb image
custom uislider swift
uislider with two thumbs swift
change slider thumb size swift
uislider touch events swift
slider thumb image swift
uislider custom image
slider height swift

I'm trying to change the default images for UISliders with Swift. I'm editing didFinishLaunchingWithOptions in AppDelegate.

In Objective C you would do this:

UIImage *maxImage = [UIImage imageNamed:@"slider-track.png"];
[[UISlider appearance] setMaximumTrackImage:maxImage forState:UIControlStateNormal];

I've tried converting to Swift but have not been successful:

var maxImage:UIImage = UIImage (named:"slider-track.png")
UISlider.setMaximumTrackImage(image: maxImage, forState: UIControlStateNormal)

The first line is fine, but the second gives an error.

What is the correct syntax for the second line?


From Doc Example

let leftTrackImage = UIImage(named: "slider_blue_track")
customSlider.setMinimumTrackImage(leftTrackImage, forState: .Normal)

How To Change UI Slider Thumb Image In Swift Programmatically. customSlider. setThumbImage(thumbImage, forState: . normal) if let thumbImage = UIImage(named: "thumb-image") { customSlider. setThumbImage(thumbImage, forState: . normal) } customSlider. setThumbImage( UIImage(named: "thumb-image"), for: . normal) How to personalize and use UISlider in Swift. we want to change our slider to look like this: is an image?!? 😮 Well, now we need to create assets for that them and add them to the

Changing UISlider thumb image with Swift

yourSlider.setThumbImage(UIImage(named: "yourSlider.png"), forState: UIControlState.Normal)

    yourSlider.setThumbImage(UIImage(named: "yourSlider.png"), forState: UIControlState.Highlighted)

Now we need to change the thumb. But wait a minute, the thumb… is an image​?!? Well, now we need to create assets for that them and add  Questions: I haven’t found an answer for this in Swift. I have a UISlider that changes the value of a brush size for a drawing app I’m making. I want the size of the thumb image to update depending on the value of the slider’s thumb position.


class Slider: UISlider {

    @IBInspectable var thumbImage: UIImage?

    // MARK: Lifecycle

    override func awakeFromNib() {

        if let thumbImage = thumbImage {
            self.setThumbImage(thumbImage, for: .normal)
} How to create a custom UISlider control with colors and Duration: 15:37 Posted: Jan 14, 2017 The slider control provides a set of default images for both the track and the thumb. If you do not specify any custom images, those images are used automatically. If you want to change only the colors of the track and thumb, you don’t need to resort to custom images.

For Swift 3:

 mySlider.setThumbImage(UIImage(named: "icon_slider_thumb.png"), for: .normal)

To be notified when the slider's value changes, register your action method with the Similarly, setting the thumb tint color removes any custom thumb images associated For more information about making iOS controls accessible, see the​  Oct 14 2018: Updated by Adrien Villez for Xcode 10 and Swift 4.2! In this tutorial, I’m going to show you a simple demo of adding a slider to your app and capturing the value of the slider. The class we’re going to use is UISlider and it’s part of UIKit which is the framework you’re using to build your app.

Changing images fast using slider in swift4

class ViewController: UIViewController {
    //var slider1 = UISlider()

    var immgar = [UIImage(named: "bgspices.jpg"),UIImage(named: "index1.jpg"),  UIImage(named: "index2.jpg"),UIImage(named: "index3.jpg"),UIImage(named: "index4.jpg"), UIImage(named: "woods.jpg")]

                  override func viewDidLoad() {


    @IBOutlet weak var imageview: UIImageView!

    @IBOutlet weak var slider: UISlider!

    @IBAction func slider1(_ sender: Any) {

        print("changeImage method being called!!!!");

        let slider1 = Int(slider.value)
        imageview.image = immgar[slider1]

iOS 2.0+; Mac Catalyst 13.0+. Framework Declaration. func setThumbImage(_ image: UIImage?, for state: UIControl. Changing the Slider's Appearance. Make UISlider move in steps by 10 or making UISlider snap to specific values import UIKit class ViewController: UIViewController { let step:Float=10 // If you want UISlider to snap to steps by 10 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib.

Now, let's also change the thumb image of the UISlider to look more outlet of the value changed of the UISlider in your swift file. for example :- 🌐 How to create a custom UISlider control with colors and images. And how to reuse the code in future projects for easy customization.

As this component has existed in the app before, we decided to just change the appearance of it. For me, it was the first time to work with UISlider  In this video, I show you how to use/implement a slider in xCode 8 with Swift 3.0. Check out my Swift courses: Download th

UISlider / Adding a custom thumb image / Essential iOS. To add a custom image for the thumb of the slider, simply call the 3 Change Status Bar Color. SwiftUI Image tutorial. Learn how to use Images in SwiftUI, resize images, adjust their content ratio, style them and more. This tutorial will get you started with SwiftUI Images. In the following examples we are going to use a photo downloaded from Unsplash. In order to add it to your Xcode project, download it to your computer, click on

  • The page linked in your answer no longer exists.