SwiftUI Academy · Lektion

Oprettelse af en statisk liste

Opret en rulleliste med rækker.

Lektion 1 af 413 trin

Oprettelse af en statisk liste er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.

Mød List

En List er SwiftUIs foretrukne container til at vise indholdsrækker i en ren kolonne, der kan rulles. 📜

List {
    Text("First row")
    Text("Second row")
}

Rækker er bare visninger

Alt, hvad du placerer i en List, bliver til en række. En almindelig Text, et Image eller en hel stack får hver sin ryddelige række.

List {
    Text("Apples")
    Image(systemName: "star")
}

Den kan rulle automatisk

Du behøver ikke selv sætte rulning op. En List ruller automatisk, når rækkerne ikke kan være på skærmen.

Indbygget stil

Hver række får systemets adskillere, indrykkede indvendige margener og markering ved tryk, så listen straks ser hjemmevant ud.

Indholdsrige rækker

Placér en HStack i en række for at kombinere et ikon og en etiket side om side, ligesom på indstillingsskærme.

List {
    HStack {
        Image(systemName: "wifi")
        Text("Network")
    }
}

Flere linjer pr. række

En VStack i en række placerer en titel over en undertitel, så hver række får to tydelige informationslinjer, ligesom en kontaktpost.

List {
    VStack(alignment: .leading) {
        Text("Title")
        Text("Subtitle")
    }
}

List kontra ScrollView

Vælg en List, når du vil have rækkestil og adskillere. Brug ScrollView til frie, brugerdefinerede layout.

Blanding af rækketyper

En statisk List kan indeholde helt forskellige rækker, f.eks. en overskrift i en Text efterfulgt af en kontrol i en HStack. Hver linje står for sig selv.

List {
    Text("Settings")
    Toggle("Wi-Fi", isOn: .constant(true))
}

Masser af rækker

Tilføj så mange rækker, du vil, så forbliver List hurtig, fordi den kun gengiver det, der aktuelt er på skærmen.

Feedback ved tryk

Rækker markeres automatisk ved berøring, så en List føles interaktiv, allerede før du tilføjer handlinger ved tryk.

Hvor List virkelig skinner

Indstillinger, menuer og indbakker er grundlæggende bygget med List. Den er rygraden i de fleste iOS-skærme, du bruger hver dag. ✨

Hurtigt tjek

Tænk over, hvordan rækker oprettes.

Opsummering

Du har mødt List: en container, der kan rulle, hvor hver indlejret visning bliver til en stiliseret række, der kan trykkes på – perfekt til menuer og indstillinger. 🎉

Gratis at komme i gang

Lær Swift med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
30
Lektioner
120

Ofte stillede spørgsmål

Er lektionen “Oprettelse af en statisk liste” gratis?

Ja — hele teksten til “Oprettelse af en statisk liste” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Oprettelse af en statisk liste”?

Opret en rulleliste med rækker. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på SwiftUI Academy?

Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.

Hvor lang tid tager lektionen “Oprettelse af en statisk liste”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?

Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Oprettelse af en statisk liste
  2. Løkker med ForEach
  3. Identifiable og stabile ID'er
  4. Sektioner og listestile
← Tilbage til SwiftUI Academy