Basic form design

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/basic-form-design]

 

Basic form design

 

SwiftUI의 forms는 HStack과 VStack 같이, 컨테이너 처럼 동작하며, 필요한 경우 다른 뷰를 내부에 추가할 수 있는 것을 의미합니다. 하지만, 그것들은 자동으로 적용됩니다. 일부 컨트롤의 동작과 스타일을 자동으로 조정하므로 form environment에 더 잘 맞습니다.

 

예를들어, 토글(toggle), 세그먼트 컨트롤, 버튼으로된 form을 만듭니다.

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

    @State private var selectedColor = 0
    @State private var colors = ["Red", "Green", "Blue"]

    var body: some View {
        NavigationView {
            Form {
                Picker(selection: $selectedColor, label: Text("Select a color")) {
                    ForEach(0 ..< colors.count) {
                        Text(self.colors[$0]).tag($0)
                    }
                }.pickerStyle(SegmentedPickerStyle())

                Toggle(isOn: $enableLogging) {
                    Text("Enable Logging")
                }

                Button(action: {
                // activate theme!
                }) {
                    Text("Save changes")
                }
            }.navigationBarTitle("Settings")
        }
    }
}

 

코드를 실행할때 form의 기본 동작 2가지를 알게 될 것입니다.

* iOS에서 form은 자동으로 그룹 목록 스타일로 적용되며, 사용자는 선택할 수 있는 스크롤을 볼 수 있습니다.
* 버튼은 목록 행을 실행가능한 것으로 보이도록 조정되었습니다 - 좌측 정렬하고 파란색입니다.

 

form에서 원하는 만큼 많은 행(rows)을 가질수 있지만, 10개 이상이 필요한 경우에 그룹(group)을 사용하는 것을 기억하세요.