Swift UI는 iOS 애플리케이션을 개발하기 위한 사용자 인터페이스 프레임워크입니다. 이 프레임워크는 다양한 종류의 폼과 입력 요소를 생성하고 사용할 수 있는 강력한 기능을 제공합니다. 이번 글에서는 일반적으로 사용되는 몇 가지 폼 요소에 대해 알아보겠습니다.

1. 텍스트 필드

텍스트 필드는 사용자가 텍스트를 입력하는 데 사용되는 요소입니다. Swift UI에서 텍스트 필드를 생성하려면 TextField를 사용합니다. 다음은 간단한 예시 코드입니다.

@State private var text: String = ""

var body: some View {
    TextField("Enter text", text: $text)
}

@State 속성을 사용하여 텍스트 필드의 텍스트를 관리하고, TextField의 첫 번째 매개변수로는 텍스트 필드에 대한 설명을 제공합니다.

2. 버튼

버튼은 사용자가 특정 동작을 실행하도록 유도하는 데 사용되는 요소입니다. Swift UI에서 버튼을 생성하려면 Button을 사용합니다. 다음은 간단한 예시 코드입니다.

Button("Submit") {
    // 버튼이 클릭되었을 때 실행되는 코드
    // 여기에 원하는 동작을 추가하면 됩니다.
}

Button의 첫 번째 매개변수로는 버튼에 표시할 텍스트를 제공하고, 두 번째 매개변수로는 버튼이 클릭되었을 때 실행될 클로저를 전달합니다.

3. 스위치

스위치는 사용자가 특정 설정을 켜거나 끌 수 있는 요소입니다. Swift UI에서 스위치를 생성하려면 Toggle을 사용합니다. 다음은 간단한 예시 코드입니다.

@State private var isOn: Bool = false

var body: some View {
    Toggle("Enable", isOn: $isOn)
}

@State 속성을 사용하여 스위치의 상태를 관리하고, Toggle의 첫 번째 매개변수로는 스위치에 대한 설명을 제공하고, 두 번째 매개변수로는 스위치의 상태를 바인딩할 @State 속성을 전달합니다.

4. 세그먼트 컨트롤

세그먼트 컨트롤은 사용자가 선택할 수 있는 여러 옵션을 제공하는 요소입니다. Swift UI에서 세그먼트 컨트롤을 생성하려면 Picker를 사용합니다. 다음은 간단한 예시 코드입니다.

@State private var selectedOption: Int = 0
let options = ["Option 1", "Option 2", "Option 3"]

var body: some View {
    Picker("Options", selection: $selectedOption) {
        ForEach(0 ..< options.count) {
            Text(options[$0])
        }
    }
}

@State 속성을 사용하여 선택된 옵션의 인덱스를 관리하고, Picker의 첫 번째 매개변수로는 세그먼트 컨트롤에 대한 설명을 제공하고, 두 번째 매개변수로는 선택된 옵션의 인덱스를 바인딩할 @State 속성을 전달합니다. 그리고 Picker 내부에 ForEach를 사용하여 옵션을 나열하고, 각 옵션에 대한 Text를 추가합니다.

이렇게 Swift UI에서는 텍스트 필드, 버튼, 스위치, 세그먼트 컨트롤과 같은 다양한 폼과 입력 요소를 손쉽게 생성하고 사용할 수 있습니다. 추가적인 정보나 다른 폼 요소에 대한 예시는 Swift UI 공식 문서를 참조하시기 바랍니다.