SwiftUI를 이용한 여러 뷰 다루기

Form은 HStack이나 VStack과 같은 컨테이너와 비슷하게 작동한다. 즉 Form 안에 여러 뷰를 넣을 수 있다. 단지 특정 컨트롤 요소에 대해 더 보기 좋게 작동한다.

 

기본코드

import SwiftUI

struct ContentView: View {
    @State private var toggling = false

    var body: some View {
      NavigationView {
        Form {
          Toggle(isOn: $toggling) {
            Text("Toggly")
          }
          Button {
            print("Saved")
          } label: {
            Text("Save changes")
          }
        }.navigationBarTitle(Text("Settings"))
      }
    }
}

 

실행화면

Form 안에 섹션을 나누기 위해서는 Section 별로 구분 지으면 된다. Section을 나누는 이유는 영역별로 구분짓기 위해 사용한다.

 

 

섹션사용해서 영역 나누기

import SwiftUI

struct ContentView: View {
    @State private var toggling = false

    var body: some View {
      NavigationView {
        Form {
            Section("설정") {
                Text("키보드")
                Text("사운드")
            }
            Section("화면") {
                Text("화면 비율")
                Text("화면 밝기")
            }
        }.navigationBarTitle(Text("Settings"))
      }
    }
}

 

실행 화면

---

개발자 Document

Apple Developer Documentation