Menu
CoddyTech

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)
challenge icon

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()
        }
    }
}
quiz iconTự kiểm tra

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

Tự luyện tập: Playground SwiftUI