Structure

GroupBox

A stylized view, with an optional label, that visually collects a logical grouping of content.

Declaration 宣言 

struct GroupBox<Label, Content> where Label : View, Content : View

Overview 概要

Use a group box when you want to visually distinguish a portion of your user interface with an optional title for the boxed content.

The following example sets up a GroupBox with the label “End-User Agreement”, and a long agreementText string in a Text view wrapped by a ScrollView. The box also contains a Toggle for the user to interact with after reading the text.


var body: some View {
    GroupBox(label:
        Label("End-User Agreement", systemImage: "building.columns")
    ) {
        ScrollView(.vertical, showsIndicators: true) {
            Text(agreementText)
                .font(.footnote)
        }
        .frame(height: 100)
        Toggle(isOn: $userAgreed) {
            Text("I agree to the above terms")
        }
    }
}

An iOS status bar above a gray rounded rectangle region marking the bounds

Topics 話題

Creating a Group Box グループボックスを作成する

init(content: () -> Content)
Creates an unlabeled group box with the provided view content.
Available when Label is EmptyView and Content conforms to View.
init(content: () -> Content, label: () -> Label)
Creates a group box with the provided label and view content.
init(LocalizedStringKey, content: () -> Content)
Creates a group box with the provided view content and title.
Available when Label is Text and Content conforms to View. LabelがTextであるそしてContentがViewに準拠する場合に利用可能です。
init<S>(S, content: () -> Content)
Creates a group box with the provided view content.
Available when Label is Text and Content conforms to View. LabelがTextであるそしてContentがViewに準拠する場合に利用可能です。

Creating a Group Box from a Configuration

init(GroupBoxStyleConfiguration)
Creates a group box based on a style configuration.
Available when Label is GroupBoxStyleConfiguration.Label and Content is GroupBoxStyleConfiguration.Content.
struct GroupBoxStyleConfiguration
The properties of a group box instance.

Styling Group Boxes

func groupBoxStyle<S>(S) -> some View
Sets the style for group boxes within this view.
protocol GroupBoxStyle
A type that specifies the appearance and interaction of all group boxes within a view hierarchy.

Supporting Types 支援を行う型

var body: some View
The content and behavior of the view. ビューの内容と挙動。
typealias Body
The type of view representing the body of this view. このビューの本体を表しているビューの型。

Deprecated Initializers

init(label: Label, content: () -> Content)
Available when Label conforms to View and Content conforms to View.
Deprecated 非推奨

Default Implementations 省略時実装

View Implementations

Relationships 関係

Conforms To 次に準拠

See Also 参照

Groups

struct Group
A type that collects multiple instances of a content type — like views, scenes, or commands — into a single unit.
struct ControlGroup
A container view that displays semantically-related controls in a visually-appropriate manner for the context