Tekst stylen
Lettertypen, grootte, gewicht en kleur.
Tekst stylen is een gratis Android Academy-les op CoddyKit. Dit is les 1 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Android Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Android Academy bevat in totaal 4 lessen.
Waarom tekst opmaken?
In Jetpack Compose toont de composable Text woorden op het scherm. Standaard ziet tekst er eenvoudig uit, maar je kunt de grootte, kleur en dikte aanpassen.
Opmaak helpt gebruikers je app te lezen. Een titel hoort groter en vetter te zijn dan hoofdtekst.
Je maakt Text op door er extra parameters aan mee te geven.
Text("Hello Compose")Tekst groter maken
De parameter fontSize bepaalt hoe groot de tekst is. Grootten gebruiken de eenheid sp, die meeschuift met de lettertype-instellingen van de gebruiker.
Als je sp wilt gebruiken, voeg je .sp achter een getal toe, zoals 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Vet en dikte
Gebruik fontWeight om tekst dikker of dunner te maken. De meest gebruikte waarde is FontWeight.Bold.
Andere opties zijn FontWeight.Light, FontWeight.Normal en FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Cursieve tekst
Met de parameter fontStyle kun je tekst schuin zetten. Stel deze in op FontStyle.Italic voor een cursieve weergave.
Cursief is handig voor citaten of nadruk.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Tekst kleuren
De parameter color verandert de tekstkleur. Je kunt een waarde van het type Color doorgeven, zoals Color.Red of Color.Blue.
Kies kleuren met voldoende contrast, zodat de tekst goed leesbaar blijft.
Text(
text = "Warning",
color = Color.Red
)Tekst uitlijnen
Gebruik textAlign om tekst binnen de beschikbare ruimte te plaatsen. Veelgebruikte waarden zijn TextAlign.Center, TextAlign.Start en TextAlign.End.
Centreren werkt het best wanneer Text de volledige breedte inneemt.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Letterafstand
De parameter letterSpacing voegt ruimte tussen tekens toe. Ook hiervoor wordt de eenheid sp gebruikt.
Een beetje extra ruimte kan koppen opener en moderner laten aanvoelen.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Opmaak combineren
Je kunt meerdere parameters tegelijk combineren. Een vetgedrukte, grote, blauwe titel is gewoon één Text-aanroep met verschillende waarden.
Compose leest elke parameter en past ze allemaal samen toe.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)TextStyle gebruiken
In plaats van veel afzonderlijke parameters kun je ze groeperen in een object van het type TextStyle en dat doorgeven aan de parameter style.
Dit is handig wanneer je dezelfde weergave op meerdere plaatsen hergebruikt.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Lange tekst verwerken
Lange tekst kan buiten het beschikbare gebied vallen. Gebruik maxLines om het aantal regels te beperken en overflow om puntjes te tonen wanneer tekst wordt afgekapt.
TextOverflow.Ellipsis voegt aan het einde ... toe voor verborgen tekst.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Onderstrepen en decoratie
Met de parameter textDecoration kun je Underline of LineThrough toevoegen.
Onderstrepingen duiden vaak links aan, terwijl doorhalen verwijderde of oude prijzen kan aangeven.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Korte controle
Test wat je hebt geleerd over het opmaken van Text.
Samenvatting
Je hebt geleerd om Text op te maken met fontSize (in sp), fontWeight voor vetgedrukte tekst, fontStyle voor cursieve tekst en color voor de kleur.
Je kunt tekst ook uitlijnen, letterafstand en decoraties toevoegen en alles groeperen in een TextStyle.
Vervolgens maak je knoppen die reageren op tikken.
Leer Kotlin met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 36
- Lessen
- 152
Veelgestelde vragen
Is de les “Tekst stylen” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad Android Academy, waaronder “Tekst stylen”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Android Academy bevat in totaal 4 lessen.
Wat leer ik in “Tekst stylen”?
Lettertypen, grootte, gewicht en kleur. Je oefent met Android Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Android Academy te beginnen?
Ervaring vooraf is niet nodig. Android Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “Tekst stylen”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Android Academy?
Ja. Elke les over Android Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.