Bộ chọn
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 27 trên 50.
Picker chọn một giá trị từ danh sách các tùy chọn. Mỗi tùy chọn là một chế độ xem có .tag, và thẻ của tùy chọn được chọn sẽ được ghi vào trạng thái đã liên kết:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Các thẻ phải có cùng kiểu dữ liệu với trạng thái, ở đây là String. .pickerStyle(.segmented) hiển thị các tùy chọn thành một hàng gồm các phân đoạn:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)Thử thách
DễThêm một Picker có tiêu đề Milk, liên kết với milk, có mã định danh milk và ba tùy chọn: Whole, Oat và Soy, mỗi tùy chọn được gắn thẻ bằng tên riêng. Giữ lại dòng văn bản bên dưới để hiển thị lựa chọn.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Bà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