Vue d’ensemble du projet
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 43 sur 50.
Dans ce projet, tu construis Coddy Coffee, une petite application de commande, une étape par leçon. À la fin, elle comprend :
- un menu de boissons avec leurs prix
- un écran pour chaque boisson
- un sélecteur de taille
- un sélecteur de quantité et le total de la commande
- un bouton qui passe la commande
Chaque étape commence à partir de votre code de l’étape précédente ; conservez donc tout ce que vous avez écrit ainsi que les identifiants fournis par les tâches. Les boissons sont une structure :
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Cette étape construit le menu : une NavigationStack avec une List, une ligne par boisson, le nom à gauche et le prix à droite.
Défi
FacileConstruis l’écran du menu. Dans le NavigationStack, affiche une List de drinks intitulée Coddy Coffee. Chaque ligne est un HStack avec le nom de la boisson, un Spacer et son prix avec deux décimales, comme $2.50.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges7Listes
Pour chaque élémentÉléments identifiablesListeAjouter des élémentsRécapitulatif - Liste de courses10Projet - Coddy Coffee
Vue d’ensemble du projetÉcrans des boissons
Choisir une tailleQuantité et totalPasser la commande2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de scoreEntraînez-vous par vous-même : Playground Swift