Jetpack Compose Academy · Lektion

Anropa Composables från Composables

Sätt samman små delar till större skärmar.

Lektion 3 av 413 steg

Anropa Composables från Composables är en gratis lektion i Jetpack Compose Academy på CoddyKit. Detta är lektion 3 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Jetpack Compose Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Jetpack Compose Academy innehåller totalt 4 lektioner.

Bygg stort av små delar

Riktiga skärmar består inte av en enda jättelik funktion. Ni komponerar dem genom att anropa små Composables inuti större, ungefär som när byggblock placeras i varandra. 🧱

En Composable anropar en annan

Inuti en Composable anropar ni helt enkelt en annan med dess namn. Här anropar Screen Greeting, och Compose ritar Greeting där ni placerade den.

@Composable
fun Screen() {
    Greeting("Compose")
}

Stapla flera anrop

Lista flera anrop efter varandra. Då renderas de i ordning, uppifrån och ned, precis som när man läser funktionen.

@Composable
fun Screen() {
    Header()
    Body()
    Footer()
}

Kompositionsträdet

Dessa nästlade anrop bildar ett träd. Screen är föräldern, och varje Composable som den anropar blir en underordnad nod i gränssnittshierarkin.

Skicka data nedåt

Föräldrar skickar data till underordnade genom parametrar. Föräldern äger värdet, och den underordnade visar bara det den tar emot.

@Composable
fun Screen() {
    UserName(name = "Ada")
}

Återanvänd överallt

Eftersom en Composable bara är en funktion kan ni återanvända den hur många gånger ni vill på olika skärmar med olika data.

@Composable
fun List() {
    Item("Apple")
    Item("Pear")
}

Bryt ut för bättre läsbarhet

När en funktion blir lång kan ni bryta ut en del till en egen Composable och anropa den. Då blir skärmen som en tydlig översikt.

Composables komponerar

Namnet säger allt: små delar kombineras till större delar. Att behärska denna nästling är kärnan i att bygga alla Compose-gränssnitt.

Underordnade renderas på sin plats

En underordnad komponent visas exakt där ni anropar den i föräldern. Flytta anropet uppåt eller nedåt, så flyttas gränssnittet med det.

@Composable
fun Card() {
    Title()
    Divider()
    Title()
}

Blanda inbyggda och egna

Ni kan fritt blanda ramverkets Composables, som Text, med era egna. Compose behandlar dem på samma sätt när trädet byggs.

@Composable
fun Card() {
    Text("Hi")
    Greeting("there")
}

Tänk i komponenter

Att utforma gränssnitt i Compose innebär att tänka i små, återanvändbara komponenter. Varje komponent ansvarar för en uppgift, och skärmarna blir en välordnad samling av dem.

Snabbkontroll

En snabb kontroll av hur man komponerar Composables.

Besvara frågan i den interaktiva lektionen

Sammanfattning

Nu kan ni bygga skärmar genom att nästla Composables: anropa små komponenter inuti större, skicka data nedåt och återanvänd komponenter för att skapa gränssnittsträdet. 🎉

Gratis att börja

Lär dig Kotlin med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 30
Lektioner: 120

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Anropa Composables från Composables” gratis?

Ja – hela texten till ”Anropa Composables från Composables” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Jetpack Compose Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Jetpack Compose Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Anropa Composables från Composables”?

Sätt samman små delar till större skärmar. Ni övar på Jetpack Compose Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Jetpack Compose Academy?

Du behöver inga förkunskaper. Utbildningen i Jetpack Compose Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 4.

Hur lång tid tar lektionen ”Anropa Composables från Composables”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Jetpack Compose Academy-lektionen?

Ja. Varje Jetpack Compose Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Jetpack Compose Academy