Kalkulator napiwków
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 48 z 50.
Wyzwanie
ŚredniZbuduj kalkulator napiwków w VStack:
TextFieldz tekstem zastępczymBilli identyfikatorembill, powiązany ze stanem typuStringbillText- segmentowany
PickerzatytułowanyTip(identyfikatortip), powiązany ze stanem typuInttipPercent, który zaczyna się od15, z opcjami10%,15%i20%oznaczonymi tagami10,15i20 - tekst
Tip: $7.50(identyfikatortipAmount) i tekstTotal: $57.50(identyfikatortotal), oba z dwoma miejscami po przecinku
Odczytaj kwotę rachunku za pomocą Double(billText) ?? 0, aby puste lub nieprawidłowe pole było traktowane jako 0.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI