SwiftUI 기초 - Slider, Stepper, Picker

- Slider 

 가로로 움직이는 슬라이더 바.

 

- Stepper

  +/- 버튼으로 카운트를 증가/감소 시키는 버튼

 

- Picker

  상하로 스크롤하며 항목을 선택 가능한 picker

 

    @State var weight: Float = 30
    @State var setCount: Int = 5
    @State var selectedExercise: String = "Squart"
    let excerciseList = ["Push up", "Squart", "Bench Press", "Dead Lift"]

    var body: some View {
        VStack {
            Text("This is Workout View!")
                .padding()

            HStack {
                Text("중량")
                    .padding()
                Slider(value: $weight, in: 0...100, step: 5)
                    .padding()
                Text(String(weight) + "kg")
                    .padding()

            }

            HStack {
                Stepper("세트", value: $setCount, in: 0...15)
                    .padding()
                Spacer()
                Text(String(setCount) + "회")
                    .padding()
            }

            HStack {
                Text("운동").padding()
                Picker(selection: $selectedExercise, label: Text("")) {
                    ForEach(excerciseList, id: \.self) { excercise in
                        Text(excercise)
                    }
                }.padding()
                    .frame(width: 300)
            }
        }
    }