Tổng quan dự án
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 43 trên 50.
Trong dự án này, bạn sẽ xây dựng Coddy Coffee, một ứng dụng đặt hàng nhỏ, mỗi bài học hoàn thành một bước. Đến cuối dự án, ứng dụng sẽ có:
- menu đồ uống kèm giá
- màn hình cho từng loại đồ uống
- bộ chọn kích cỡ
- bộ tăng giảm số lượng và tổng tiền của đơn hàng
- nút đặt hàng
Mỗi bước bắt đầu từ đoạn code của bước trước, vì vậy hãy giữ lại mọi thứ bạn đã viết cùng các định danh mà đề bài cung cấp. Đồ uống là một struct:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Bước này tạo menu: một NavigationStack với một List, mỗi thức uống nằm trên một hàng, tên ở bên trái và giá ở bên phải.
Thử thách
DễTạo màn hình thực đơn. Bên trong NavigationStack, hiển thị List gồm drinks với tiêu đề Coddy Coffee. Mỗi hàng là một HStack gồm tên đồ uống, một Spacer và giá của đồ uống với hai chữ số thập phân, chẳng hạn như $2.50.
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
Tự luyện tập: Playground SwiftUI