How set different widths for a UISegmentedControl's elements
Swift version: 5.0
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.
LEARN SWIFTUI FOR FREE I wrote a massive, free SwiftUI tutorial collection, and also have a growing list of free SwiftUI tutorials on YouTube – get started today!
Available from iOS 5.0
Did this solution work for you? Please pass it on!
Other people are reading…
- What’s the difference between frame and bounds?
- How to make UICollectionView headers stay fixed using sectionHeadersPinToVisibleBounds
- What is the UIAppearance proxy?
- How to let users tap on a UITableViewCell while editing is enabled
- How to use view controller containment
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
