Lista
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 31 z 50.
List wyświetla wiersze w przewijanym, pogrupowanym stylu aplikacji Ustawienia. Przyjmuje kolekcję i domknięcie dla każdego wiersza, podobnie jak ForEach:
List(books) { book in
Text(book.title)
}Lista może mieć także stałe wiersze, a Section grupuje wiersze pod nagłówkiem:
List {
Section("Reading") {
Text("Dune")
}
Section("Finished") {
ForEach(finished, id: \.self) { title in
Text(title)
}
}
}Każdy wiersz może zawierać dowolny widok: HStack z ikoną, tekstem i Spacer to typowy wiersz.
Wyzwanie
ŁatwyWyświetl playlistę jako List: jeden wiersz na utwór, z identyfikatorem songs na liście. Każdy wiersz to HStack z symbolem music.note i nazwą utworu.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}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ów2Wyś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