Projektübersicht
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 43 von 50.
In diesem Projekt erstellst du Coddy Coffee, eine kleine Bestell-App, einen Schritt pro Lektion. Am Ende hat sie:
- ein Getränkemenü mit Preisen
- ein Bildschirm für jedes Getränk
- eine Größenauswahl
- ein Mengenregler und die Gesamtsumme der Bestellung
- eine Schaltfläche zum Aufgeben der Bestellung
Jeder Schritt baut auf dem Code des vorherigen Schritts auf. Behalte daher alles bei, was du geschrieben hast, sowie die Bezeichner, die in den Aufgaben vorgegeben sind. Die Getränke sind eine Struktur:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}In diesem Schritt wird das Menü erstellt: ein NavigationStack mit einer List, eine Zeile pro Getränk, der Name links und der Preis rechts.
Aufgabe
EinfachErstelle den Menübildschirm. Zeige innerhalb des NavigationStack eine List mit drinks und dem Titel Coddy Coffee an. Jede Zeile ist ein HStack mit dem Namen des Getränks, einem Spacer und seinem Preis mit zwei Dezimalstellen, z. B. $2.50.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichten
Größe auswählenMenge und GesamtbetragBestellung aufgebenÜbe selbstständig: SwiftUI-Playground