[SwiftUI] Form 사용해보기

 

오늘은 Form에 대해 알아보자!👩🏻‍🍳

---

Form

SwiftUI에서 Form은 사용자의 입력을 위한 인터페이스를 구성하는데 사용되는 컨테이너 뷰이다.

Form은 다양한 유형의 입력 요소를 포함할 수 있다. 예를 들어, TextField, Toggle, Slider, DatePicker와 같은 뷰를 Form에 넣어 사용자 입력을 받을 수 있다.

 

Form Apple 공식 문서

Form | Apple Developer Documentation

---

 

예시 코드

이제 직접 실습을 해보자!

이번에 해볼 실습은 아이폰에서 설정 앱으로 해보려고 한다. 설정 앱을 유심히 보니 다 Form과 Section으로 이루어진 UI였다는 걸 알게 되었다.

사운드 및 햅틱의 벨소리 및 알림 부분을 간단하게 구현해보기로

import SwiftUI

struct ContentView: View {
    @State private var name = ""
    @State private var isOn = false
    @State private var setting = ""
    @State private var sound = 0.0
    
    var body: some View {
        Form {
            Section(header: Text("벨소리 및 알림")) {
                HStack {
                    Image(systemName: "speaker.fill")
                        .foregroundColor(.gray)
                    Slider(value: $sound, in: 0 ... 100, step: 1.0)
                    Image(systemName: "speaker.wave.3.fill")
                        .foregroundColor(.gray)
                }
                Toggle("버튼을 사용하여 변경", isOn: $isOn)
                Picker("햅틱", selection: $setting) {
                    Text("항상 재생")
                    Text("무음 모두 시 재생")
                    Text("무음 모드에서 재생하지 않기")
                    Text("재생하지 않기")
                }
            }
        }
    }
}

 

이렇게 코드를 작성해주면

 

 

나중에 UI 연습삼아 애플에서 만든 앱들 만들어봐도 좋을 듯

---

오늘의 코드 레시피👩🏻‍🍳 완료!🩷