How to group views together with ControlGroup
About 2 min
How to group views together with ControlGroup 관련
SwiftUI by Example
Back to Home
How to group views together with ControlGroup | SwiftUI by Example
How to group views together with ControlGroup
Updated for Xcode 15
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()
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.
Similar solutions…
How to group views together | SwiftUI by Example
How to group views together
How to combine text views together | SwiftUI by Example
How to combine text views together
How to blend views together | SwiftUI by Example
How to blend views together
How to group views visually using GroupBox | SwiftUI by Example
How to group views visually using GroupBox
How to let users customize toolbar buttons | SwiftUI by Example
How to let users customize toolbar buttons
