DisclosureGroup

Overview 概要

A disclosure group view consists of a label to identify the contents, and a control to show and hide the contents. Showing the contents puts the disclosure group into the “expanded” state, and hiding them makes the disclosure group “collapsed”. 開示グループビューは、内容を識別するあるラベル、そして内容を表示したり隠したりするあるコントロールから成ります。内容を表示することは、開示グループを “展開された” 状態に置きます、そしてそれらを隠すことは、開示グループを “折りたたまれる” ようにします。

In the following example, a disclosure group contains two toggles and an embedded disclosure group. The top level disclosure group exposes its expanded state with the bound property, topLevelExpanded. By expanding the disclosure group, the user can use the toggles to update the state of the toggleStates structure. 以下の例において、ある開示グループは２つのトグルそしてある埋め込み開示グループを持ちます。トップレベルの開示グループは、それの展開状態を束縛プロパティ、topLevelExpandedで露出します。開示グループを展開することによって、ユーザはトグルを使ってtoggleStates構造体の状態を更新できます。

struct ToggleStates {
    var oneIsOn: Bool = false
    var twoIsOn: Bool = true
}
@State private var toggleStates = ToggleStates()
@State private var topExpanded: Bool = true


var body: some View {
    DisclosureGroup("Items", isExpanded: $topExpanded) {
        Toggle("Toggle 1", isOn: $toggleStates.oneIsOn)
        Toggle("Toggle 2", isOn: $toggleStates.twoIsOn)
        DisclosureGroup("Sub-items") {
            Text("Sub-item 1")
        }
    }
}