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()

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.

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