Jetpack Compose Academy · Lektion

Scaffold: Skærmens skelet

Opsæt pladserne i det almindelige applayout.

Lektion 1 af 413 trin

Scaffold: Skærmens skelet er en gratis Jetpack Compose 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 Jetpack Compose Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Jetpack Compose Academy-kurset indeholder 4 lektioner i alt.

Mød Scaffold

De fleste appskærme deler den samme grundstruktur: en bjælke øverst, indhold i midten og måske en knap, der svæver nederst. Scaffold giver dig det hele i én Composable-funktion. 🏗️

Hvorfor ikke bare en Column?

Du kunne selv bygge bjælker med en Column, men så skulle du løse indryk, afstande og overlap igen hver gang. Scaffold forbinder disse standarddele for dig.

Idéen med pladser

Scaffold fungerer med pladser: navngivne områder, hvor du indsætter en Composable-funktion. Du udfylder de pladser, du vil bruge, og lader resten være tomme.

Pladsen content

Den plads, du næsten altid bruger, er content. Det er hovedindholdet på din skærm, og Scaffold giver det den korrekte indvendige afstand.

Scaffold { innerPadding ->
    Text("Hello", Modifier.padding(innerPadding))
}

Brug innerPadding

Dette innerPadding forhindrer, at dit indhold skjules under bjælker. Anvend det altid på indholdet på øverste niveau, ellers kan tekst glide ind under appbjælken.

Pladsen topBar

Indsæt en bjælke i pladsen topBar, så fastgør Scaffold den øverst og gør indholdsområdet mindre, så intet overlapper.

Scaffold(
    topBar = { TopAppBar(title = { Text("Home") }) }
) { padding -> }

Flere pladser er tilgængelige

Scaffold tilbyder også pladserne bottomBar, floatingActionButton og snackbarHost. Du møder dem alle i dette kursus.

Lad pladser være tomme

Alle pladser er valgfri. En Scaffold med kun indhold er helt gyldig, så du tilføjer kun bjælker, når en skærm faktisk har brug for dem.

Én Scaffold pr. skærm

Den normale regel er én Scaffold pr. skærm. Den indrammer hele skærmen, mens mindre Composable-funktioner udfylder dens indholdsplads.

Scaffold er Material 3

Importér Scaffold fra androidx.compose.material3, så farver og afstande passer til resten af dit Material You-tema.

import androidx.compose.material3.Scaffold

containerColor

Angiv containerColor for at male skærmens baggrund bag alle pladser. Hvis du springer det over, bruger Scaffold som standard temaets overfladefarve.

Hurtigt tjek

Hvad er det sikreste at gøre med den værdi, Scaffold sender til sin indholdslambda?

Besvar den i den interaktive lektion

Opsummering

Scaffold er din skærms grundstruktur: udfyld navngivne pladser som content og topBar, brug innerPadding, og anvend én pr. skærm. Nu skal du style topbjælken. 👍

Gratis at komme i gang

Lær Kotlin 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

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Scaffold: Skærmens skelet” gratis?

Ja — hele teksten til “Scaffold: Skærmens skelet” 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 Jetpack Compose Academy-kurset, skal du opgradere til CoddyKit PRO. Jetpack Compose Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Scaffold: Skærmens skelet”?

Opsæt pladserne i det almindelige applayout. Du øver dig i Jetpack Compose 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å Jetpack Compose Academy?

Der kræves ingen tidligere erfaring. Jetpack Compose 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 “Scaffold: Skærmens skelet”?

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 Jetpack Compose Academy-lektion?

Ja. Alle Jetpack Compose 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

← Tilbage til Jetpack Compose Academy