Máy tính tiền tip

Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 48 trên 50.

Thử thách

Trung bình

Tạo một máy tính tiền boa trong VStack:

một TextField có nội dung giữ chỗ Bill và mã định danh bill, liên kết với trạng thái String billText
một Picker dạng phân đoạn có tiêu đề Tip (mã định danh tip), liên kết với trạng thái Int tipPercent bắt đầu ở 15, gồm các tùy chọn 10%, 15% và 20% được gắn thẻ 10, 15 và 20
một văn bản Tip: $7.50 (mã định danh tipAmount) và một văn bản Total: $57.50 (mã định danh total), cả hai hiển thị hai chữ số thập phân

Đọc số tiền hóa đơn bằng Double(billText) ?? 0, để trường trống hoặc không hợp lệ được tính là 0.

Tự làm thử

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Tất cả bài học trong Giới thiệu về SwiftUI

1Giới thiệu

4Bộ điều chỉnh

7Danh sách

10Dự án: Coddy Coffee

2Hiển thị nội dung

5Trạng thái và nút

8Điều hướng

11Thử thách cuối cùng

3Stack và bố cục

6Nhập dữ liệu người dùng

9Chia sẻ dữ liệu

Tự luyện tập: Playground SwiftUI