Bestellung aufgeben

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 47 von 50.

Aufgabe

Mittel

Behalte alles aus den vorherigen Schritten bei. Vervollständige OrderView mit einer Place order-Schaltfläche unterhalb der Gesamtsumme im Stil .borderedProminent. Beim Antippen wird ein Alert mit dem Titel Order placed!, einer OK-Schaltfläche und der Nachricht Total: $4.25 (der Gesamtsumme der Bestellung mit zwei Dezimalstellen) angezeigt. Verwende einen @State-Wert ordered, der mit false beginnt.

Probier es selbst

import SwiftUI

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

Alle Lektionen in Einführung in SwiftUI

1Einführung

Was ist SwiftUI?Die App-Datei

4Modifikatoren

Innenabstand Hintergründe Reihenfolge der Modifikatoren Rahmen und Formen Rückblick – Badge Maker

7Listen

ForEach Identifizierbare Elemente Liste Elemente hinzufügen Rückblick – Einkaufsliste

10Projekt – Coddy Coffee

Projektübersicht Getränkeansichten

Größe auswählen

Menge und Gesamtbetrag

Bestellung aufgeben Projekt-Lektion

2Inhalte anzeigen

Textansichten Zahlen im Text Schriftarten Farben SF Symbols Rückblick – Preisschild

5Status und Buttons

Buttons Die @State-Eigenschaft Wahr-oder-falsch-Status Bedingte Ansichten Zusammenfassung – Punktestand verwalten

8Navigation

NavigationStack NavigationLink Daten übergeben Sheets und Alerts Rückblick – Pflanzenführer

11Abschließende Herausforderungen

Trinkgeldrechner To-do-Liste Wahr-oder-falsch-Spiel

3Stacks & Layout

VStack HStack Ausrichtung und Abstände Spacer und ZStack Rückblick – Wetterkarte

6Benutzereingabe

Textfeld Umschalter Schrittregler und Schieberegler Auswahlfeld Wiederholung – Bestellformular

9Daten teilen

Die @Binding-Eigenschaft Beobachtbare Objekte Umgebungsobjekte Rückblick – Schrittzähler

Übe selbstständig: Swift-Playground