스테퍼 및 슬라이더
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 26번째.
Stepper에는 숫자를 변경하는 - 및 + 버튼이 있습니다. in: 범위는 값을 제한 범위 내로 유지합니다:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)5에서는 + 버튼이 작동을 멈추고, 1에서는 - 버튼이 작동을 멈춥니다. step:은 한 번에 1보다 많이 변경됩니다.
Slider는 드래그하여 Double 값을 선택합니다:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)상태는 Double이므로 선언할 때 50이 아니라 50.0이라고 작성하세요.
챌린지
쉬움사용자가 구매할 티켓 수를 선택하도록 하세요. 텍스트를 tickets에 바인딩되고 1부터 4까지인 Tickets: 1, Tickets: 2, ...라는 제목의 Stepper로 바꾸세요. 스테퍼에 식별자 tickets를 지정하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드