StoryboardUI how to make the label follow the slider

Question

I'm doing a storyboardUI app. One part of the UI design is kind of like this:

I want the label position follows the slider position all the time, like below:

How can I do it?

Answer 1

Assign this class to UISlider.

In this class created one label and change the position according to the slider thumb.

class ThumbTextSlider: UISlider {
    private var thumbTextLabel: UILabel = UILabel()
    
    private var thumbFrame: CGRect {
        return thumbRect(forBounds: bounds, trackRect: trackRect(forBounds: bounds), value: value)
    }
    
    private lazy var thumbView: UIView = {
        let thumb = UIView()
        return thumb
    }()
    
    override func layoutSubviews() {
        super.layoutSubviews()
        thumbTextLabel.frame = CGRect(x: thumbFrame.origin.x, y: thumbFrame.maxY - 5, width: thumbFrame.size.width, height: 30)
        self.setValue()
    }
    
    private func setValue() {
        thumbTextLabel.text = String(format: "%0.2f", self.value)
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        addSubview(thumbTextLabel)
        thumbTextLabel.textAlignment = .center
        thumbTextLabel.textColor = .blue
        thumbTextLabel.layer.zPosition = layer.zPosition + 1
        thumbTextLabel.adjustsFontSizeToFitWidth = true
    }
}