How set different widths for a UISegmentedControl's elements
Swift version: 5.1
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.
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…
- Enabling and disabling elements in forms
- Checking all array elements match a condition: allSatisfy()
- Removing matching elements from a collection: removeAll(where:)
- How to count objects in a set using NSCountedSet
- How to preview your layout at different Dynamic Type sizes
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
