Android Academy · Lektion

Modifier-systemet

Tilpas størrelse, indvendig afstand og stil med modifiers.

Lektion 2 af 413 trin

Modifier-systemet er en gratis Android Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Android Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Android Academy-kurset indeholder 4 lektioner i alt.

Hvad er en Modifier?

En Modifier udsmykker eller konfigurerer en composable: dens størrelse, indvendige margen, baggrund, klikadfærd med mere. Næsten alle composables accepterer en modifier-parameter.

Kædning

Modifikatorer kædes: hver funktion returnerer en ny modifikator, så du kalder dem efter hinanden.

Modifier
    .padding(16.dp)
    .size(100.dp)
    .background(Color.LightGray)

Overførsel af en Modifier

Du overfører kæden til composablens modifier-parameter.

Text(
    text = "Hello",
    modifier = Modifier
        .padding(8.dp)
        .background(Color.Yellow)
)

Rækkefølgen betyder noget!

Rækkefølgen af modifikatorerne ændrer resultatet. Modifikatorer anvendes fra venstre mod højre og omslutter hinanden som lag.

padding derefter background

Her anvendes indvendig margen først, så baggrunden udfylder kun det indre område — den plads, der er skabt af den indvendige margen, forbliver gennemsigtig.

Modifier
    .padding(16.dp)
    .background(Color.Red)

background derefter padding

Byt om på dem, så dækker baggrunden nu hele området, mens den indvendige margen skubber indholdet indad. De samme modifikatorer giver et andet udseende, fordi rækkefølgen betyder noget.

Modifier
    .background(Color.Red)
    .padding(16.dp)

Almindelige størrelsesmodifikatorer

Ofte anvendte modifikatorer til størrelser:

size(100.dp) — fast bredde og højde.
fillMaxWidth() — udfylder al vandret plads.
fillMaxSize() — udfylder al tilgængelig plads.
width() / height() — angiver én dimension.

Klikbar

Modifier.clickable får enhver composable til at reagere på tryk — selv en almindelig Text eller Box.

Text(
    text = "Tap me",
    modifier = Modifier.clickable { /* handle */ }
)

Genbrug af en Modifier-parameter

Det er konventionen, at brugerdefinerede composables accepterer en modifier: Modifier = Modifier-parameter og overfører den til deres rodelement. Det giver kaldende kode mulighed for at tilpasse layoutet udefra.

@Composable
fun Card(modifier: Modifier = Modifier) {
    Column(modifier = modifier) { /* ... */ }
}

Modifier er den første parameter

Konventionen er, at modifier-parameteren kommer først blandt de valgfrie parametre og som standard er den tomme Modifier. Det holder din API ensartet med standardbiblioteket.

Samling

En formateret boks, der bruger en kæde med en bevidst rækkefølge.

Box(
    modifier = Modifier
        .size(120.dp)
        .background(Color(0xFFE86F00))
        .padding(12.dp)
) {
    Text(text = "Compose", color = Color.White)
}

Hurtigt tjek

Hvorfor ser Modifier.padding(16.dp).background(Color.Red) anderledes ud end Modifier.background(Color.Red).padding(16.dp)?

Besvar den i den interaktive lektion

Opsummering

Modifikatorer:

Konfigurerer størrelse, indvendig margen, baggrund, klik og meget mere.
Kædes og anvendes i rækkefølge — rækkefølgen betyder noget.
Brugerdefinerede composables bør eksponere en modifier: Modifier = Modifier som første parameter.

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: 36
Lektioner: 152

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Modifier-systemet” gratis?

Ja — alle 3 lektioner i læringssporet Android Academy, inklusive “Modifier-systemet”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Android Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Modifier-systemet”?

Tilpas størrelse, indvendig afstand og stil med modifiers. Du øver dig i Android 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å Android Academy?

Der kræves ingen tidligere erfaring. Android 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 2 af 4.

Hvor lang tid tager lektionen “Modifier-systemet”?

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 Android Academy-lektion?

Ja. Alle Android 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 Android Academy