How to use UIStepper to let users change number values
Swift version: 5.1
UIStepper is one of those controls that doesn’t get used often, which is a shame – it’s trivial to add, and helps users select a value more accurately than a UISlider.
Here’s some code to help you try it out:
let stepper = UIStepper()
stepper.minimumValue = 0
stepper.maximumValue = 10
stepper.value = 5That tells iOS to let the stepper move from 0 to 10 (inclusive), starting at 0. By default the autorepeat property of steppers is set to true, which means the user can press and hold to increment values rather than tapping repeatedly.
Next, add some code to position your stepper where you want it. This places it at the top of the safe area, aligned to the center:
stepper.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(stepper)
stepper.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
stepper.centerXAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerXAnchor).isActive = trueFinally, connect an @objc method to the valueChanged event like this:
stepper.addTarget(self, action: #selector(stepperChanged), for: .valueChanged)SAVE 20% ON iOS CONF SG The largest iOS conference in Southeast Asia is back in Singapore for the 5th time in January 2020, now with two days of workshops plus two days of talks on SwiftUI, Combine, GraphQL, and more! Save a massive 20% on your tickets by clicking on this link.
Available from iOS 5.0
Similar solutions…
- How to create a random terrain tile map using SKTileMapNode and GKPerlinNoiseSource
- How to let users choose a font with UIFontPickerViewController
- How to use UISearchController to let users enter search words
- How to change your app icon dynamically with setAlternateIconName()
- How to let users delete rows from a list
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
