Các nút
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 19 trên 50.
Button hiển thị nhãn và chạy một hành động khi được nhấn. Dạng ngắn nhất nhận một tiêu đề và một closure:
Button("Sign in") {
// chạy khi bạn nhấn vào nút
}Để tạo nhãn tùy chỉnh, hãy truyền hành động trước, sau đó tạo nhãn trong một closure thứ hai:
Button {
// hành động
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) tạo nút có nền màu, còn role: .destructive đánh dấu một hành động xóa nội dung nào đó, khiến nút hiển thị màu đỏ:
Button("Delete", role: .destructive) {
// xóa
}Thử thách
Người mớiThay văn bản bằng một Button có tiêu đề Order coffee. Tạm thời, bạn có thể để trống hành động của nút. Đặt kiểu nút là .borderedProminent.
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
5Trạng thái và nút
Các nútThuộc tính @StateTrạng thái đúng hoặc saiGiao diện có điều kiệnÔn tập: Bộ đếm điểmTự luyện tập: Playground SwiftUI