Projektübersicht
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 43 von 50.
In diesem Projekt baust du Coddy Coffee, eine kleine Bestell-App, in jeder Lektion einen Schritt. Am Ende verfügt sie über:
- ein Menü mit Getränken und ihren Preisen
- ein Bildschirm für jedes Getränk
- eine Größenauswahl
- ein Mengenschrittregler und die Gesamtsumme der Bestellung
- eine Schaltfläche, die die Bestellung aufgibt
Jeder Schritt beginnt mit deinem Code aus dem vorherigen Schritt. Behalte daher alles, was du geschrieben hast, sowie die von den Aufgaben vorgegebenen Bezeichner bei. Die Getränke sind eine Struktur:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Dieser Schritt erstellt das Menü: einen 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 mit 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: Swift-Playground