Liste
Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 31 von 50.
List zeigt Zeilen im scrollenden, gruppierten Stil der Einstellungen-App an. Es übernimmt eine Sammlung und eine Closure für jede Zeile, wie ForEach:
List(books) { book in
Text(book.title)
}Eine Liste kann auch feste Zeilen enthalten, und Section gruppiert Zeilen unter einer Überschrift:
List {
Section("Reading") {
Text("Dune")
}
Section("Finished") {
ForEach(finished, id: \.self) { title in
Text(title)
}
}
}Jede Zeile kann eine beliebige Ansicht enthalten: Ein HStack mit einem Symbol, Text und einem Spacer ist eine typische Zeile.
Aufgabe
EinfachZeige die Playlist als List an: eine Zeile pro Song, mit dem Bezeichner songs auf der Liste. Jede Zeile ist ein HStack mit dem Symbol music.note und dem Namen des Songs.
Probier es selbst
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Einführung in SwiftUI
4Modifikatoren
InnenabstandHintergründeReihenfolge der ModifikatorenRahmen und FormenRückblick – Badge Maker10Projekt – Coddy Coffee
ProjektübersichtGetränkeansichtenÜbe selbstständig: Swift-Playground