Panoramica del progetto
Fa parte della sezione Introduzione a SwiftUI del percorso Swift di Coddy. Lezione 43 di 50.
In questo progetto realizzi Coddy Coffee, una piccola app per gli ordini, un passaggio per lezione. Alla fine avrà:
- un menu di bevande con i relativi prezzi
- una schermata per ogni bevanda
- un selettore della dimensione
- un selettore della quantità e il totale dell'ordine
- un pulsante per effettuare l'ordine
Ogni passaggio parte dal tuo codice del passaggio precedente, quindi conserva tutto ciò che hai scritto e gli identificatori forniti dalle attività. Le bevande sono una struct:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Questo passaggio crea il menu: uno NavigationStack con una List, una riga per ogni bevanda, il nome a sinistra e il prezzo a destra.
Sfida
FacileCrea la schermata del menu. All'interno di NavigationStack, mostra una List di drinks intitolata Coddy Coffee. Ogni riga è un HStack con il nome della bevanda, uno Spacer e il relativo prezzo con due decimali, ad esempio $2.50.
Provalo tu
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Introduzione a SwiftUI
7Elenchi
Per ogni elementoElementi identificabiliElencoAggiungere elementiRiepilogo - Lista della spesa10Progetto - Coddy Coffee
Panoramica del progettoSchermate delle bevande
Scegli un formatoQuantità e totaleEffettua l'ordine2Mostrare contenuti
Viste di testoNumeri nel testoFontColoriSF SymbolsRiepilogo - Etichetta del prezzo5Stato e pulsanti
PulsantiLa proprietà @StateStato vero o falsoViste condizionaliRiepilogo - SegnapuntiEsercitati da solo: Playground SwiftUI