Label Position - Swift IOS

Question

Good evening folks. How do I leave the label that is informing the current weight positioned below the progress bar cursor ?

To make this progress bar I am using Gradientslider (https://www.cocoacontrols.com/controls/gradientslider)

Thanks in advance for your attention.

Answer 1

I’ve done something similar, but Slider could be moved by the user. I did it this way:

@IBAction func sliderValueChanged(sender: UISlider) {
  [...]

  self.updateHintForSlider(sender)
}

func updateHintForSlider(sender: UISlider) {
  var frame = self.hintLabel.frame
  frame.origin.x = thumbCenterOnSlider(sender) - (frame.size.width / 2)
  self.hintLabel.frame = frame

  self.hintLabel.text = NSString(format: "%.0f", sender.value) as String
}

func thumbCenterOnSlider(slider: UISlider) -> CGFloat {
  let sliderRange = slider.frame.size.width - slider.currentThumbImage!.size.width
  let sliderOrigin = slider.frame.origin.x + (slider.currentThumbImage!.size.width / 2.0)

  let sliderValueToPixels = CGFloat((slider.value - slider.minimumValue) / (slider.maximumValue - slider.minimumValue)) * sliderRange + sliderOrigin

  return sliderValueToPixels
}

• The method sliderValueChanged: is called when the Slider value is changed.
• The method thumbCenterOnSlider: gets the center of the "white ball" (called "Thumb")
• The method updateHintForSlider: updates the position and text of the label which, in your case, informs the current weight (self.hintLabel)

PS:

The label starts like this:

var frame = self.slider.frame
frame.size.width = 50
frame.size.height = 50
frame.origin.x = thumbCenterOnSlider(self.slider) - (frame.size.width / 2)
frame.origin.y = 20

self.hintLabel = UILabel(frame: frame)

Answer 2

I simulated a possible way to do this using Uislider and the thumbRectForBounds method. However, I have found that Gradientslider does not have a direct method to pick up the size and position of the Thumb. I suggest you take a look at the Gradientslider code year, at the _thumbLayer property. You will have to expose this property to expose the size of the Thumb, and then you can use the technique I describe in the code below.

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var slider: UISlider!
    @IBOutlet weak var valueLabel: UILabel!

    private var displayValue : String {
        get {
            let formatter = NSNumberFormatter()
            formatter.minimumFractionDigits = 1
            return formatter.stringFromNumber(slider.value)!
        }
    }

    @IBAction func moveLabel() {
        let thumbBounds = slider.thumbRectForBounds(view.bounds, trackRect: slider.trackRectForBounds(view.bounds), value: slider.value)

        let offsetXPercentage = (slider.value - slider.minimumValue) / (slider.maximumValue - slider.minimumValue)
        valueLabel.frame.origin.x = thumbBounds.origin.x + slider.frame.origin.x - slider.frame.origin.x * CGFloat(offsetXPercentage)
        valueLabel.text = "\(displayValue)"
    }

}