SwiftUI Academy · Oppitunti

Valitun välilehden sidonta

Seuraa aktiivista välilehteä ja muuta sitä koodissa

Oppitunti 3/413 vaihetta

Valitun välilehden sidonta on ilmainen SwiftUI Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/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.

Aktiivisen välilehden tunnistaminen

Joskus koodin on tiedettävä tai vaihdettava näkyvää välilehteä. Tätä varten yhdistätte valinnan omaan tilaanne. 🎯

Anna jokaiselle välilehdelle tunniste

Merkitkää ensin jokainen välilehti yksilöllisellä tunniste-arvolla, jotta SwiftUI voi tunnistaa valitun välilehden.

HomeScreen()
    .tabItem { Label("Home", systemImage: "house") }
    .tag(0)

Valinnan tallentaminen

Lisätkää @State-ominaisuus säilyttämään nykyisen välilehden tunniste. Sen arvo kertoo, mikä välilehti on aktiivinen.

@State private var selectedTab = 0

Sido selection TabView-näkymään

Välittäkää tila TabView-näkymän selection-parametrille dollarimerkillä kaksisuuntaisen sidonnan luomiseksi.

TabView(selection: $selectedTab) {
    // tabs with .tag(...)
}

Tunnisteiden on vastattava toisiaan

Tunnisteen ja valinnan tyyppien on vastattava toisiaan. Jos tunnisteet ovat Int-tyyppisiä, myös selectedTab-arvon on oltava Int.

Avatun välilehden lukeminen

Kun sidonta on tehty, selectedTab päivittyy aina käyttäjän napauttaessa. Voitte lukea sen missä tahansa ja reagoida nykyiseen välilehteen.

Välilehtien vaihtaminen koodissa

Muuttakaa tilan arvoa, niin käyttöliittymä seuraa muutosta. Asettamalla selectedTab-arvon siirrätte käyttäjän ohjelmallisesti kyseiseen välilehteen.

selectedTab = 1

Painike siirtymiseen välilehdelle

Painike voi vaihtaa välilehteä kirjoittamalla sidontaan. Tämä on kätevää esimerkiksi sovelluksen sovelluksessa olevan ”Siirry asetuksiin” -pikavalinnan yhteydessä.

Button("Open Settings") {
    selectedTab = 1
}

Enum tekee tunnisteista turvallisempia

Tavalliset numerot menevät helposti sekaisin. Nimettyjen tapausten enum tekee jokaisesta tunnisteesta selkeän ja vähentää virheitä.

enum Tab { case home, settings }

Valitun välilehden napauttaminen uudelleen

Aktiivisen välilehden uudelleen napauttaminen säilyttää saman valinnan. Voitte hyödyntää tätä esimerkiksi vierittääksenne luettelon takaisin alkuun.

Milloin sidontaa tarvitaan

Ohittakaa sidonta, jos välilehdet ovat täysin itsenäisiä. Lisätkää se vain, kun koodin on voitava lukea aktiivinen välilehti tai asettaa se.

Pikatarkistus

Tarkistetaan, miten SwiftUI seuraa aktiivista välilehteä.

Vastaa interaktiivisessa oppitunnissa

Kertaus: valitun välilehden sidonta

Merkitkää jokainen välilehti tunnisteella ja sitokaa @State-arvo selection-parametriin. Näin voitte sekä lukea aktiivisen välilehden että vaihtaa välilehteä koodista. 🎉

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 ”Valitun välilehden sidonta” ilmainen?

Kyllä – oppitunnin ”Valitun välilehden sidonta” 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 ”Valitun välilehden sidonta”?

Seuraa aktiivista välilehteä ja muuta sitä koodissa 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 3/4.

Kuinka kauan ”Valitun välilehden sidonta”-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