Przegląd projektu
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 43 z 50.
W tym projekcie zbudujesz Coddy Coffee, małą aplikację do składania zamówień, krok po kroku, lekcja po lekcji. Na koniec będzie mieć:
- menuj napojów z ich cenami
- ekran dla każdego napoju
- wybór rozmiaru
- przełącznik ilości i łączna wartość zamówienia
- przycisk składający zamówienie
Każdy krok zaczyna się od kodu z poprzedniego kroku, więc zachowaj wszystko, co zostało napisane, oraz identyfikatory podane w zadaniach. Napoje są strukturą:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Ten krok tworzy menu: NavigationStack z List, po jednym wierszu na napój, z nazwą po lewej i ceną po prawej.
Wyzwanie
ŁatwyZbuduj ekran menu. Wewnątrz NavigationStack wyświetl List elementów drinks z tytułem Coddy Coffee. Każdy wiersz to HStack z nazwą napoju, elementem Spacer i jego ceną z dwoma miejscami po przecinku, na przykład $2.50.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów
Wybierz rozmiarIlość i sumaZłóż zamówienie2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI