Utform tekst
Skrifttyper, størrelse, vekt og farge.
Utform tekst er en gratis leksjon i Android Academy på CoddyKit. Dette er leksjon 1 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Android Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Android Academy inneholder totalt 4 leksjoner.
Hvorfor style tekst?
I Jetpack Compose viser composable-funksjonen Text ord på skjermen. Som standard har den et enkelt utseende, men De kan endre størrelse, farge og skrifttyngde.
Styling gjør appen enklere å lese. En tittel bør være større og fetere enn brødteksten.
De styler Text ved å sende ekstra parametere til den.
Text("Hello Compose")Gjøre teksten større
Parameteren fontSize styrer hvor stor teksten er. Størrelser bruker enheten sp, som skaleres etter brukerens skriftinnstillinger.
For å bruke sp legger De til .sp etter et tall, for eksempel 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Fet skrift og skrifttyngde
Bruk fontWeight for å gjøre teksten tykkere eller tynnere. Den vanligste verdien er FontWeight.Bold.
Andre alternativer er FontWeight.Light, FontWeight.Normal og FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Kursiv tekst
Parameteren fontStyle kan gjøre teksten skråstilt. Sett den til FontStyle.Italic for et kursivt utseende.
Kursiv er nyttig for sitater eller utheving.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Fargelegge tekst
Parameteren color endrer tekstfargen. De kan sende inn en Color-verdi, for eksempel Color.Red eller Color.Blue.
Velg farger med god kontrast, slik at teksten fortsatt er lett å lese.
Text(
text = "Warning",
color = Color.Red
)Justere tekst
Bruk textAlign for å plassere teksten innenfor området. Vanlige verdier er TextAlign.Center, TextAlign.Start og TextAlign.End.
Sentrering fungerer best når Text fyller hele bredden.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Bokstavavstand
Parameteren letterSpacing legger til mellomrom mellom tegnene. Den bruker også enheten sp.
Litt ekstra avstand kan få overskrifter til å virke luftigere og mer moderne.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Kombinere stiler
De kan kombinere mange parametere samtidig. En fet, stor og blå tittel er bare ett Text-kall med flere verdier.
Compose leser hver parameter og bruker dem alle sammen.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)Bruke TextStyle
I stedet for mange separate parametere kan De samle dem i et TextStyle-objekt og sende det til parameteren style.
Dette er praktisk når De bruker det samme utseendet flere steder.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Håndtere lang tekst
Lang tekst kan gå utenfor området sitt. Bruk maxLines for å begrense antall linjer, og overflow for å vise prikker når teksten kuttes.
TextOverflow.Ellipsis legger til ... på slutten for tekst som er skjult.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Understreking og dekorasjon
Parameteren textDecoration kan legge til Underline eller LineThrough.
Understreking brukes ofte for å markere lenker, mens gjennomstreking kan vise fjernede eller gamle priser.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Kort kontroll
Test det De har lært om styling av Text.
Oppsummering
De har lært å style Text med fontSize (i sp), fontWeight for fet skrift, fontStyle for kursiv og color for farge.
De kan også justere tekst, legge til bokstavavstand og dekorasjoner, og samle alt i en TextStyle.
Deretter skal De lage knapper som reagerer på trykk.
Lær deg Kotlin med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 36
- Leksjoner
- 152
Ofte stilte spørsmål
Er leksjonen «Utform tekst» gratis?
Ja – du kan lese valgfritt 3 av leksjonene i læringsstien Android Academy, inkludert «Utform tekst», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i Android Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Utform tekst»?
Skrifttyper, størrelse, vekt og farge. Du øver på Android Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Android Academy?
Ingen tidligere erfaring er nødvendig. Android Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.
Hvor lang tid tar leksjonen «Utform tekst»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Android Academy-leksjonen?
Ja. Alle Android Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.