Text gestalten
Schriftarten, Größe, Gewicht und Farbe.
Text gestalten ist eine kostenlose Android Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Android Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Android Academy-Kurs umfasst insgesamt 4 Lektionen.
Warum Text formatieren?
In Jetpack Compose zeigt das Text-Composable Wörter auf dem Bildschirm an. Standardmäßig erscheint der Text schlicht, Sie können jedoch Größe, Farbe und Stärke ändern.
Durch Formatierung wird Ihre App leichter lesbar. Ein Titel sollte größer und fetter als Fließtext aussehen.
Sie formatieren Text, indem Sie zusätzliche Parameter übergeben.
Text("Hello Compose")Text vergrößern
Der Parameter fontSize steuert die Größe des Textes. Größen verwenden die Einheit sp, die sich an die Schrifteinstellungen des Benutzers anpasst.
Um sp zu verwenden, setzen Sie .sp hinter eine Zahl, zum Beispiel 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Fett und Schriftstärke
Mit fontWeight können Sie Text dicker oder dünner darstellen. Der am häufigsten verwendete Wert ist FontWeight.Bold.
Weitere Optionen sind FontWeight.Light, FontWeight.Normal und FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Kursiver Text
Mit dem Parameter fontStyle können Sie Text schräg stellen. Setzen Sie ihn auf FontStyle.Italic, um eine kursive Darstellung zu erhalten.
Kursivschrift eignet sich für Zitate oder Hervorhebungen.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Text einfärben
Der Parameter color ändert die Textfarbe. Sie können einen Color-Wert wie Color.Red oder Color.Blue übergeben.
Wählen Sie kontrastreiche Farben, damit der Text gut lesbar bleibt.
Text(
text = "Warning",
color = Color.Red
)Text ausrichten
Mit textAlign positionieren Sie Text innerhalb seines Bereichs. Häufig verwendete Werte sind TextAlign.Center, TextAlign.Start und TextAlign.End.
Die Zentrierung funktioniert am besten, wenn sich das Text-Composable über die gesamte Breite erstreckt.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Buchstabenabstand
Der Parameter letterSpacing fügt Abstände zwischen den Zeichen ein. Auch hierfür wird die Einheit sp verwendet.
Ein etwas größerer Abstand kann Überschriften offener und moderner wirken lassen.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Formatierungen kombinieren
Sie können mehrere Parameter gleichzeitig verwenden. Eine fette, große, blaue Überschrift ist einfach ein Text-Aufruf mit mehreren Werten.
Compose liest jeden Parameter ein und wendet alle gemeinsam an.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)TextStyle verwenden
Statt vieler einzelner Parameter können Sie sie in einem TextStyle-Objekt zusammenfassen und an den Parameter style übergeben.
Das ist praktisch, wenn Sie dieselbe Darstellung an mehreren Stellen wiederverwenden.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Langen Text verarbeiten
Langer Text kann aus seinem Bereich herauslaufen. Verwenden Sie maxLines, um die Anzahl der Zeilen zu begrenzen, und overflow, um bei abgeschnittenem Text Punkte anzuzeigen.
TextOverflow.Ellipsis fügt für ausgeblendeten Text ein abschließendes ... hinzu.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Unterstreichung und Dekoration
Mit dem Parameter textDecoration können Sie eine Underline oder eine LineThrough-Dekoration hinzufügen.
Unterstreichungen kennzeichnen häufig Links, während durchgestrichener Text entfernte oder frühere Preise anzeigen kann.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Kurzer Test
Testen Sie, was Sie über die Formatierung von Text gelernt haben.
Zusammenfassung
Sie haben gelernt, Text mit fontSize (in sp), fontWeight für Fettdruck, fontStyle für Kursivschrift und color für die Textfarbe zu formatieren.
Außerdem können Sie Text ausrichten, den Buchstabenabstand verändern, Dekorationen hinzufügen und alles in einem TextStyle zusammenfassen.
Als Nächstes erstellen Sie Buttons, die auf Tippen reagieren.
Häufig gestellte Fragen
Ist die Lektion „Text gestalten“ kostenlos?
Ja — der vollständige Text von „Text gestalten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Android Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Android Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Text gestalten“?
Schriftarten, Größe, Gewicht und Farbe. Du übst Android Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Android Academy zu starten?
Keine Vorkenntnisse erforderlich. Android Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „Text gestalten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Android Academy-Lektion Code schreiben und ausführen?
Ja. Jede Android Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.