ListStyle nell'interfaccia utente di Swift

May 08 2023
Per iOS, lo stile di elenco predefinito (.automatic ) è .

Per iOS , lo stile elenco predefinito ( .automatic) è .insetGrouped.

Lo .automaticstile 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 .

  1. .automatico
  2. .insetGrouped
  3. .raggruppati
  4. .inserto
  5. .pianura
  6. .barra laterale

SwiftUI supporta molti stili che variano in base alle piattaforme.

In questo articolo, ci concentreremo solo su iOS. Abbiamo sei opzioni .

  1. .automatico
  2. .insetGrouped
  3. .raggruppati
  4. .inserto
  5. .pianura
  6. .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 DefaultListStylesu iOS.

List {
    // ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)

Esempio di Riquadro Raggruppato .insetGroupedo InsetGroupedListStyle.

List {
    // ...
}
.listStyle(.insetGrouped)

      
                

Esempio di Raggruppato .groupedo GroupedListStyle.

List {
    // ...
}
.listStyle(.grouped)

      
                

Esempio di inserto .inseto InsetListStyle.

List {
    // ...
}
.listStyle(.inset)

      
                

Esempio di Plain .plaino PlainListStyle.

List {
    // ...
}
.listStyle(.plain)

      
                

Lo stile della barra laterale ( .sidebaro 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)