How set different widths for a UISegmentedControl's elements
Swift version: 5.6
Segmented controls give each segment equal width by default, which is aesthetically pleasing when you have space to spare but technically irritating when space is tight. Rather than try to squash too much into a small space, you have two options: set custom segment widths, or ask iOS to size them individually for you.
The first option looks like this:
segmentedControl.setWidth(100, forSegmentAt: 0)
segmentedControl.setWidth(50, forSegmentAt: 1)That gives you individually sized segments while sticking to a value you define, which means you get to tweak the aesthetics as you want. The second option looks like this:
segmentedControl.apportionsSegmentWidthsByContent = trueThat hands full control over to iOS, which is probably the best thing to do most of the time.
SPONSORED Play is the first native iOS design tool created for designers and engineers. You can install Play for iOS and iPad today and sign up to check out the Beta of our macOS app with SwiftUI code export. We're also hiring engineers!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 5.0
Similar solutions…
- Checking all array elements match a condition: allSatisfy()
- Removing matching elements from a collection: removeAll(where:)
- Enabling and disabling elements in forms
- How to count objects in a set using NSCountedSet
- How to handle different result types in a task group
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
