Composable-funktioiden kutsuminen Composable-funktioista
Koostakaa pienistä osista suurempia näyttöjä.
Composable-funktioiden kutsuminen Composable-funktioista on ilmainen Jetpack Compose 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 Jetpack Compose Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Jetpack Compose Academy-kurssilla on yhteensä 4 oppituntia.
Rakenna suurta pienistä osista
Oikeat näytöt eivät ole yksi valtava funktio. Koostat ne kutsumalla pieniä Composable-funktioita suurempien sisältä, aivan kuten rakennuspalikoita sisäkkäin. 🧱
Composable kutsuu toista
Yhden Composable-funktion sisältä kutsut toista yksinkertaisesti sen nimellä. Tässä Screen kutsuu Greeting-funktiota, ja Compose piirtää Greeting-funktion siihen kohtaan, johon sijoitit kutsun.
@Composable
fun Screen() {
Greeting("Compose")
}Ketjuta useita kutsuja
Kun luettelet useita kutsuja peräkkäin, ne piirretään järjestyksessä ylhäältä alas, aivan kuten funktiota luetaan.
@Composable
fun Screen() {
Header()
Body()
Footer()
}Koostepuu
Nämä sisäkkäiset kutsut muodostavat puun. Screen on isäntä, ja jokaisesta sen kutsumasta Composable-funktiosta tulee käyttöliittymähierarkian lapsisolmu.
Välitä dataa alaspäin
Isännät välittävät dataa lapsille parametrien kautta. Isäntä omistaa arvon, ja lapsi vain näyttää saamansa arvon.
@Composable
fun Screen() {
UserName(name = "Ada")
}Käytä kaikkialla uudelleen
Koska Composable on vain funktio, voit käyttää sitä niin monta kertaa kuin haluat eri näytöillä ja eri datalla.
@Composable
fun List() {
Item("Apple")
Item("Pear")
}Erottele koodia luettavuuden säilyttämiseksi
Kun funktio kasvaa pitkäksi, erota siitä osa omaksi Composable-funktiokseen ja kutsu sitä. Näyttö näyttää tällöin selkeältä rakenteelta.
Composable-funktiot muodostavat kokonaisuuksia
Nimi kertoo kaiken: pienet osat yhdistyvät suuremmiksi. Tämän sisäkkäisyyden hallinta on minkä tahansa Compose-käyttöliittymän rakentamisen ydin.
Lapset piirretään kutsukohtaan
Lapsi näkyy täsmälleen siinä kohdassa, jossa kutsut sitä isännässä. Kun siirrät kutsua ylös tai alas, myös käyttöliittymä siirtyy.
@Composable
fun Card() {
Title()
Divider()
Title()
}Yhdistä valmiita ja omia osia
Voit vapaasti yhdistää Textin kaltaisia kehyksen Composable-funktioita omiin funktioihisi. Compose käsittelee niitä kaikkia samalla tavalla puuta rakentaessaan.
@Composable
fun Card() {
Text("Hi")
Greeting("there")
}Ajattele komponentteina
Composella suunnittelu tarkoittaa ajattelua pieninä uudelleenkäytettävinä komponentteina. Jokainen vastaa yhdestä tehtävästä, ja näytöistä muodostuu niiden selkeä kokonaisuus.
Pikatarkistus
Lyhyt tarkistus Composable-funktioiden koostamisesta.
Kertaus
Osaat nyt rakentaa näyttöjä sisäkkäisillä Composable-funktioilla: kutsu pieniä funktioita suurempien sisältä, välitä dataa alaspäin ja muodosta käyttöliittymäpuu käyttämällä komponentteja uudelleen. 🎉
Opi Kotlin 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
Usein kysytyt kysymykset
Onko oppitunti ”Composable-funktioiden kutsuminen Composable-funktioista” ilmainen?
Kyllä – oppitunnin ”Composable-funktioiden kutsuminen Composable-funktioista” 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 Jetpack Compose Academy-kurssin, päivitä CoddyKit PROhon. Jetpack Compose Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Composable-funktioiden kutsuminen Composable-funktioista”?
Koostakaa pienistä osista suurempia näyttöjä. Harjoittelet Jetpack Compose Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Jetpack Compose Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Jetpack Compose 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 ”Composable-funktioiden kutsuminen Composable-funktioista”-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ä Jetpack Compose Academy-oppitunnilla?
Kyllä. Jokainen Jetpack Compose 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
- @Composable-funktion kirjoittaminen
- Reaaliaikaiset esikatselut @Previewlla
- Composable-funktioiden kutsuminen Composable-funktioista
- setContent: mistä käyttöliittymä alkaa