SwiftUI Academy · Oppitunti

Staattisen luettelon rakentaminen

Luo vieritettävä rivien luettelo

Oppitunti 1/413 vaihetta

Staattisen luettelon rakentaminen on ilmainen SwiftUI Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu SwiftUI Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.

List-esittely

List on SwiftUI:n vakiokontaineri sisällön näyttämiseen siistissä, vieritettävässä sarakkeessa. 📜

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

Rivit ovat vain näkymiä

Kaikesta List-näkymän sisälle sijoitetusta tulee rivi. Yksinkertainen Text, Image tai kokonainen pino saa oman siistin rivinsä.

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

Vieritys toimii automaattisesti

Vieritystä ei tarvitse määrittää itse. List vierittyy automaattisesti, kun sen rivit eivät enää mahdu näytölle.

Sisäänrakennettu tyyli

Jokainen rivi sisältää järjestelmän erottimet, sisennetyt täytteet ja napautuksen korostuksen, joten luettelo näyttää heti natiiviltä.

Monipuoliset rivit

Sijoita HStack rivin sisälle yhdistääksesi kuvakkeen ja nimiön rinnakkain aivan kuten asetusten näkymissä.

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

Useita rivejä kullekin riville

Rivin sisällä oleva VStack pinoaa otsikon alaotsikon päälle, jolloin jokaisella rivillä on kaksi selkeää tietoriviä yhteystietomerkinnän tapaan.

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

List ja ScrollView

Valitse List, kun tarvitset rivien tyylit ja erottimet. Käytä ScrollViewia vapaamuotoisiin, mukautettuihin asetteluihin.

Rivityyppien yhdistäminen

Staattinen List voi sisältää täysin erilaisia rivejä, kuten otsikko-Textin ja sen jälkeen HStack-ohjaimen. Jokainen rivi toimii itsenäisesti.

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

Paljon rivejä

Voit lisätä niin monta riviä kuin haluat, ja List pysyy sulavana renderöimällä vain parhaillaan näytöllä olevat rivit.

Napautuspalaute

Rivit korostuvat kosketuksesta automaattisesti, joten List tuntuu vuorovaikutteiselta jo ennen kuin lisäät napautustoimintoja.

Missä List loistaa

Asetukset, valikot ja saapuneet viestit perustuvat kaikki List-näkymään. Se on useimpien päivittäin käyttämiesi iOS-näkymien runko. ✨

Pikatarkistus

Pohdi, miten rivit luodaan.

Vastaa interaktiivisessa oppitunnissa

Kertaus

Tutustuit List-näkymään: vieritettävään kontaineriin, jossa jokaisesta sisällä olevasta näkymästä tulee tyylitelty ja napautettava rivi. Se sopii erinomaisesti valikoihin ja asetuksiin. 🎉

Aloita maksutta

Opi Swift tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 30
Oppitunnit: 120

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Staattisen luettelon rakentaminen” ilmainen?

Kyllä – oppitunnin ”Staattisen luettelon rakentaminen” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko SwiftUI Academy-kurssin, päivitä CoddyKit PROhon. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Staattisen luettelon rakentaminen”?

Luo vieritettävä rivien luettelo Harjoittelet SwiftUI Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni SwiftUI Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin SwiftUI Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”Staattisen luettelon rakentaminen”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä SwiftUI Academy-oppitunnilla?

Kyllä. Jokainen SwiftUI Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: SwiftUI Academy