Styla text
Typsnitt, storlek, vikt och färg.
Styla text är en gratis lektion i Android Academy på CoddyKit. Detta är lektion 1 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för Android Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Android Academy innehåller totalt 4 lektioner.
Varför formatera text?
I Jetpack Compose visar composablen Text ord på skärmen. Som standard har den ett enkelt utseende, men ni kan ändra storlek, färg och tjocklek.
Formatering hjälper användarna att läsa appen. En rubrik bör vara större och fetare än brödtext.
Ni formaterar Text genom att skicka med extra parametrar.
Text("Hello Compose")Göra texten större
Parametern fontSize styr hur stor texten är. Storlekar anges med enheten sp, som skalas efter användarens teckensnittsinställningar.
Om ni vill använda sp lägger ni till .sp efter ett tal, till exempel 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Fetstil och tjocklek
Använd fontWeight för att göra text tjockare eller tunnare. Det vanligaste värdet är FontWeight.Bold.
Andra alternativ är FontWeight.Light, FontWeight.Normal och FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Kursiv text
Parametern fontStyle kan luta texten. Ange FontStyle.Italic för ett kursivt utseende.
Kursiv stil är användbar för citat eller betoning.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Färglägga text
Parametern color ändrar textens färg. Ni kan skicka med ett Color-värde, till exempel Color.Red eller Color.Blue.
Välj färger med god kontrast så att texten förblir lättläst.
Text(
text = "Warning",
color = Color.Red
)Justera text
Använd textAlign för att placera texten i dess utrymme. Vanliga värden är TextAlign.Center, TextAlign.Start och TextAlign.End.
Centrering fungerar bäst när Text fyller hela bredden.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Teckenavstånd
Parametern letterSpacing lägger till mellanrum mellan tecken. Den använder också enheten sp.
Lite extra avstånd kan få rubriker att kännas luftigare och modernare.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Kombinera stilar
Ni kan kombinera många parametrar samtidigt. En fet, stor och blå rubrik är bara ett Text-anrop med flera värden.
Compose läser varje parameter och tillämpar dem alla tillsammans.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)Använda TextStyle
I stället för många separata parametrar kan ni samla dem i ett TextStyle-objekt och skicka det till parametern style.
Det är praktiskt när ni återanvänder samma utseende på flera platser.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Hantera lång text
Lång text kan hamna utanför sitt område. Använd maxLines för att begränsa antalet rader och overflow för att visa punkter när texten kapas.
TextOverflow.Ellipsis lägger till ... sist för dold text.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Understrykning och dekoration
Parametern textDecoration kan lägga till Underline eller LineThrough.
Understrykning markerar ofta länkar, medan genomstrykning kan visa borttagna eller gamla priser.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Snabb kontroll
Testa vad ni har lärt er om att formatera Text.
Sammanfattning
Ni har lärt er att formatera Text med fontSize (i sp), fontWeight för fetstil, fontStyle för kursiv stil och color för färg.
Ni kan också justera text, lägga till teckenavstånd och dekorationer samt samla allt i en TextStyle.
Därefter kommer ni att skapa knappar som reagerar på tryck.
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
- 36
- Lektioner
- 152
Vanliga frågor
Är lektionen ”Styla text” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Android Academy, inklusive ”Styla text”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i Android Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Styla text”?
Typsnitt, storlek, vikt och färg. Ni övar på Android 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 Android Academy?
Du behöver inga förkunskaper. Utbildningen i Android 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 1 av 4.
Hur lång tid tar lektionen ”Styla text”?
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 Android Academy-lektionen?
Ja. Varje Android 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.