Swift UI는 사용하기 쉽고 강력한 툴킷으로, 체크박스와 라디오 버튼을 구현하기에도 매우 편리합니다. 이 기능을 Swift UI에서 어떻게 사용하는지 알아보겠습니다.

체크박스 사용하기

Swift UI에서 체크박스를 사용하려면 Toggle 뷰를 사용합니다. 다음은 간단한 체크박스를 만드는 예제 코드입니다.

struct CheckboxView: View {
    @State private var isChecked = false
    
    var body: some View {
        Toggle(isOn: $isChecked) {
            Text("체크박스")
        }
    }
}

이 코드는 isChecked라는 @State 속성을 사용하여 체크박스의 상태를 추적합니다. Toggle 뷰를 사용하여 체크박스를 만들고, isOn 속성에 isChecked 변수를 바인딩하여 체크박스의 상태를 업데이트합니다. Text 뷰를 사용하여 체크박스 옆에 라벨을 추가할 수 있습니다.

라디오 버튼 사용하기

Swift UI에서 라디오 버튼은 Picker 뷰를 사용하여 구현할 수 있습니다. 다음은 간단한 라디오 버튼을 만드는 예제 코드입니다.

struct RadioButtonView: View {
    @State private var selectedOption = 0
    
    var body: some View {
        VStack {
            Picker("라디오 버튼", selection: $selectedOption) {
                Text("옵션 1").tag(0)
                Text("옵션 2").tag(1)
                Text("옵션 3").tag(2)
            }
            .pickerStyle(RadioGroupPickerStyle())
        }
    }
}

이 코드는 selectedOption이라는 @State 속성을 사용하여 선택된 라디오 버튼의 인덱스를 추적합니다. Picker를 사용하여 라디오 버튼을 만듭니다. 각각의 Text 뷰는 라디오 버튼의 옵션을 나타내며, tag 메서드를 사용하여 각 옵션에 대한 고유한 값을 설정합니다. 마지막으로, pickerStyle 메서드를 사용하여 라디오 버튼 스타일을 지정합니다.

이제 체크박스와 라디오 버튼을 Swift UI에서 사용하는 방법을 알게 되었습니다. 이제 이러한 UI 요소들을 사용하여 사용자와 상호작용하는 앱을 만들 수 있습니다.