Padding, størrelse og fillMaxWidth
Styr pladsen i og omkring en Composable.
Padding, størrelse og fillMaxWidth 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 Modifier
En Modifier er måden, du justerer en Composable på: dens størrelse, afstand og udsmykning. Du kæder kald sammen på den, én ændring ad gangen. 🧩
Send den med
Næsten alle Composable-elementer tager en parameter til en modifier. Du sender den med som det første, du vil ændre ved elementet.
Text(
text = "Hi",
modifier = Modifier
)Tilføj indvendig afstand
Brug padding til at tilføje tom plads omkring en Composable. Den skubber alt andet væk og giver dit element plads til at fungere.
Text(
"Hi",
modifier = Modifier.padding(16.dp)
)Enheden dp
Størrelser bruger dp, altså densitetsuafhængige pixels. De ser ens ud på alle skærme, så 16.dp er ensartet på telefoner og tablets.
Indvendig afstand pr. side
Du kan angive forskellig indvendig afstand for hver side. Send horizontal og vertical med, eller angiv individuelle sider som start og top.
Modifier.padding(
horizontal = 16.dp,
vertical = 8.dp
)Angiv en fast størrelse
Brug size til at give en Composable en præcis bredde og højde. Én værdi gør den kvadratisk, mens to værdier angiver hver dimension.
Modifier.size(width = 120.dp, height = 48.dp)Kun bredde eller højde
Har du kun brug for én dimension? Brug width eller height alene, og lad den anden side tilpasse sig indholdet naturligt.
Modifier.height(56.dp)Udfyld bredden
fillMaxWidth strækker en Composable, så den optager al den vandrette plads, som den overordnede beholder tilbyder. Det er velegnet til knapper og rækker i fuld bredde.
Modifier.fillMaxWidth()Udfyld en brøkdel
Send en brøkdel med for kun at udfylde en del af pladsen. fillMaxWidth(0.5f) optager halvdelen af den tilgængelige bredde i stedet for det hele.
Modifier.fillMaxWidth(0.5f)Udfyld alt
Brug fillMaxSize til at udvide i begge retninger på én gang. Det er genvejen til at udfylde både bredde og højde.
Modifier.fillMaxSize()Kæd dem sammen
Den virkelige styrke ligger i at kæde dem sammen: kombinér padding, size og fill i ét flydende kald for at forme et element præcis, som du ønsker.
Modifier
.fillMaxWidth()
.padding(16.dp)Hurtigt tjek
Hvilken modifier strækker en Composable over al den vandrette plads, som dens overordnede beholder giver den?
Opsummering
Du har lært at give enhver Composable afstand, størrelse og udstrækning. padding tilføjer plads, size angiver præcise grænser, og fillMaxWidth udvider sig, så den passer. ✨
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
Ofte stillede spørgsmål
Er lektionen “Padding, størrelse og fillMaxWidth” gratis?
Ja — hele teksten til “Padding, størrelse og fillMaxWidth” 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 “Padding, størrelse og fillMaxWidth”?
Styr pladsen i og omkring en Composable. 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 “Padding, størrelse og fillMaxWidth”?
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
- Padding, størrelse og fillMaxWidth
- Baggrund, kant og clip
- Hvorfor rækkefølgen af modifikatorer er vigtig
- weight og fleksibel dimensionering