ListStyle nell'interfaccia utente di Swift
Per iOS , lo stile elenco predefinito ( .automatic
) è .insetGrouped
.
Lo .automatic
stile dell'elenco significa che abbiamo lasciato la scelta dello stile nelle mani di SwiftUI . SwiftUI sceglierà quello appropriato per il contesto.
Ciò potrebbe variare in base alle piattaforme, ad esempio iPhone, iPad, Mac o persino al luogo in cui viene utilizzata la visualizzazione elenco.
Elenco stili iOS
SwiftUI supporta molti stili che variano in base alle piattaforme.
In questo articolo, ci concentreremo solo su iOS. Abbiamo sei opzioni .
- .automatico
- .insetGrouped
- .raggruppati
- .inserto
- .pianura
- .barra laterale
SwiftUI supporta molti stili che variano in base alle piattaforme.
In questo articolo, ci concentreremo solo su iOS. Abbiamo sei opzioni .
- .automatico
- .insetGrouped
- .raggruppati
- .inserto
- .pianura
- .barra laterale
NavigationStack {
List {
Section {
Text("First")
Text("Second")
Text("Third")
} header: {
Text("First Section Header")
} footer: {
Text("Eos est eos consequatur nemo autem in qui rerum cumque consequatur natus corrupti quaerat et libero tempora.")
}
Section {
Text("One")
Text("Two")
Text("Three")
} header: {
Text("Second Section Header")
} footer: {
Text("Tempora distinctio excepturi quasi distinctio est voluptates voluptate et dolor iste nisi voluptatem labore ipsum blanditiis sed sit suscipit est.")
}
Section {
Text("1")
Text("2")
Text("3")
} header: {
Text("Third Section Header")
} footer: {
Text("Ea consequatur velit sequi voluptatibus officia maiores ducimus consequatur rerum enim omnis totam et voluptates eius consectetur rerum dolorem quis omnis ut ut.")
}
}
.navigationTitle("List Style")
// This is the only difference.
.listStyle(.insetGrouped)
}
Come accennato in precedenza, SwiftUI utilizzerà lo stile Inset Grouped quando si imposta automatico ( .automatic
) o DefaultListStyle
su iOS.
List {
// ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)
Esempio di Riquadro Raggruppato .insetGrouped
o InsetGroupedListStyle
.
List {
// ...
}
.listStyle(.insetGrouped)
Esempio di Raggruppato .grouped
o GroupedListStyle
.
List {
// ...
}
.listStyle(.grouped)
Esempio di inserto .inset
o InsetListStyle
.
List {
// ...
}
.listStyle(.inset)
Esempio di Plain .plain
o PlainListStyle
.
List {
// ...
}
.listStyle(.plain)
Lo stile della barra laterale ( .sidebar
o SidebarListStyle
) è dotato di una funzione speciale . Su macOS e iOS, lo stile dell'elenco della barra laterale mostra indicatori di divulgazione nelle intestazioni di sezione che consentono all'utente di comprimere ed espandere le sezioni .
List {
// ...
}
.listStyle(.sidebar)