Bộ tăng giảm và thanh trượt
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 26 trên 50.
Một Stepper có các nút - và + để thay đổi một số. Phạm vi in: giữ giá trị trong giới hạn:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)Ở 5, nút + ngừng hoạt động, còn ở 1, nút - cũng vậy. step: thay đổi nhiều hơn một đơn vị mỗi lần.
Slider chọn một giá trị Double bằng cách kéo:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)Trạng thái có kiểu dữ liệu Double, vì vậy hãy viết 50.0, không phải 50, khi khai báo.
Thử thách
DễCho phép người dùng chọn số vé muốn mua. Thay văn bản bằng Stepper có tiêu đề Tickets: 1, Tickets: 2, ... được liên kết với tickets, từ 1 đến 4. Đặt mã định danh cho bộ tăng giảm là tickets.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
6Nhập dữ liệu người dùng
Trường văn bảnCông tắcBộ tăng giảm và thanh trượtBộ chọnÔn tập: biểu mẫu đặt hàngTự luyện tập: Playground SwiftUI