How to group views together with ControlGroup
Updated for Xcode 14.2
New in iOS 15
SwiftUI’s ControlGroup View lets us tell the system that two or more views should be grouped together because they are related. What it does with that information is down to the context where they are used and the platform your code is running on.
For example, on iOS and macOS, this will display three buttons attached horizontally, in a style sometimes called “momentary segmented”:
ControlGroup {
Button("First") { }
Button("Second") { }
Button("Third") { }
}
.padding()
Download this as an Xcode project
When you run that code you’ll see the buttons are clearly attached to each other visually, but still operate individually.
ControlGroup is particularly useful when creating customizable toolbars, where buttons in a control group must be added or removed together rather than split up.
SAVE 50% To celebrate WWDC23, all our books and bundles are half price, so you can take your Swift knowledge further without spending big! Get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn advanced design patterns, testing skills, and more.
Similar solutions…
- How to group views together
- How to combine text views together
- How to blend views together
- How to group views visually using GroupBox
- How to let users customize toolbar buttons
