Android Academy · Lektion

Ausrichtung und Anordnung

Positionieren Sie untergeordnete Elemente präzise.

Ausrichtung und Anordnung ist eine kostenlose Android Academy-Lektion auf CoddyKit. Dies ist Lektion 3 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.

Untergeordnete Elemente positionieren

Innerhalb einer Column oder Row bestimmen zwei Einstellungen, wo untergeordnete Elemente platziert werden: alignment (quer zum Layout) und arrangement (entlang des Layouts).

Column-Ausrichtung

In einer Column werden untergeordnete Elemente vertikal gestapelt. horizontalAlignment steuert ihre horizontale Position — links, mittig oder rechts.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("Centered")
    Text("Also centered")
}

Column-Anordnung

verticalArrangement steuert, wie untergeordnete Elemente vertikal verteilt werden — oben, in der Mitte, unten oder mit gleichmäßigen Abständen.

Column(verticalArrangement = Arrangement.Center) {
    Text("A")
    Text("B")
}

Row-Ausrichtung

In einer Row sind die Achsen vertauscht. verticalAlignment steuert die vertikale Position der untergeordneten Elemente, und horizontalArrangement verteilt sie horizontal.

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Left")
    Text("Right")
}

Das Paar merken

Tipp: alignment bezeichnet die Querachse, arrangement die Hauptachse. In einer Column ist die Hauptachse vertikal, daher heißen die Parameter verticalArrangement und horizontalAlignment.

Optionen für die Anordnung

Häufige Werte von Arrangement:

Top / Bottom / Center
SpaceBetween — Abstände zwischen den Elementen.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween platziert das erste und letzte untergeordnete Element an den Rändern und verteilt die übrigen gleichmäßig dazwischen — ideal für eine obere Leiste mit einem Titel links und einem Symbol rechts.

Row(horizontalArrangement = Arrangement.SpaceBetween) {
    Text("Title")
    Text("Action")
}

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) fügt zwischen jedem untergeordneten Element einen festen Abstand ein — die sauberste Möglichkeit, Listenelemente gleichmäßig zu verteilen.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("One")
    Text("Two")
    Text("Three")
}

spacedBy mit Alignment kombinieren

Sie können Anordnung und Ausrichtung kombinieren, um das Layout vollständig zu kontrollieren.

Column(
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("Title")
    Button(onClick = {}) { Text("Go") }
}

Box-Ausrichtung

Verwenden Sie bei Box contentAlignment, um untergeordnete Elemente zu positionieren, oder Modifier.align() für einzelne Elemente, wenn jedes separat platziert werden soll.

Box(modifier = Modifier.fillMaxSize()) {
    Text(
        text = "Bottom",
        modifier = Modifier.align(Alignment.BottomCenter)
    )
}

Zusammenfügen

Eine Kopfzeile plus eine Liste mit gleichmäßigen Abständen.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Text("Inbox")
        Text("Edit")
    }
    Text("Message 1")
    Text("Message 2")
}

Schnelltest

Welcher Parameter steuert in einer Column die horizontale Position der untergeordneten Elemente?

Zusammenfassung

Positionierung:

Alignment = Querachse; arrangement = Hauptachse.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() fügt gleichmäßige Abstände ein.

Häufig gestellte Fragen

Ist die Lektion „Ausrichtung und Anordnung“ kostenlos?

Ja — der vollständige Text von „Ausrichtung und Anordnung“ 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 „Ausrichtung und Anordnung“?

Positionieren Sie untergeordnete Elemente präzise. 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 3 von 4.

Wie lange dauert die Lektion „Ausrichtung und Anordnung“?

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.

Alle Lektionen in diesem Kurs

← Zurück zu Android Academy