Android Academy · Lektion

Das Modifier-System

Legen Sie mit Modifiers Größe, Abstände und Stil fest.

Das Modifier-System ist eine kostenlose Android Academy-Lektion auf CoddyKit. Dies ist Lektion 2 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.

Was ist ein Modifier?

Ein Modifier gestaltet oder konfiguriert ein Composable: seine Größe, Innenabstände, seinen Hintergrund, sein Klickverhalten und mehr. Fast jedes Composable akzeptiert einen modifier-Parameter.

Verketten

Modifier werden verkettet: Jede Funktion gibt einen neuen Modifier zurück, sodass Sie die Funktionen nacheinander aufrufen.

Modifier
    .padding(16.dp)
    .size(100.dp)
    .background(Color.LightGray)

Einen Modifier übergeben

Übergeben Sie die Kette an den modifier-Parameter des Composables.

Text(
    text = "Hello",
    modifier = Modifier
        .padding(8.dp)
        .background(Color.Yellow)
)

Die Reihenfolge ist entscheidend!

Die Reihenfolge der Modifier verändert das Ergebnis. Modifier werden von links nach rechts angewendet und umschließen einander wie Ebenen.

padding, dann background

Hier wird das Padding zuerst angewendet. Daher füllt der Hintergrund nur den inneren Bereich aus, während der Bereich des Paddings transparent bleibt.

Modifier
    .padding(16.dp)
    .background(Color.Red)

background, dann padding

Vertauschen Sie sie, bedeckt der Hintergrund nun den gesamten Bereich, während das Padding den Inhalt nach innen verschiebt. Die Modifier sind dieselben, das Aussehen ist jedoch anders — denn die Reihenfolge ist entscheidend.

Modifier
    .background(Color.Red)
    .padding(16.dp)

Häufige Größenmodifikatoren

Häufig verwendete Größenmodifikatoren:

size(100.dp) — feste Breite und Höhe.
fillMaxWidth() — den gesamten horizontalen Platz einnehmen.
fillMaxSize() — den gesamten verfügbaren Platz einnehmen.
width() / height() — eine Dimension festlegen.

Klickbar

Modifier.clickable lässt jedes Composable auf Taps reagieren — sogar ein einfaches Text oder eine Box.

Text(
    text = "Tap me",
    modifier = Modifier.clickable { /* handle */ }
)

Einen Modifier-Parameter wiederverwenden

Nach Konvention akzeptieren eigene Composables einen modifier: Modifier = Modifier-Parameter und übergeben ihn an ihr Wurzelelement. Dadurch können Aufrufer das Layout von außen anpassen.

@Composable
fun Card(modifier: Modifier = Modifier) {
    Column(modifier = modifier) { /* ... */ }
}

Modifier ist der erste Parameter

Konvention: Der modifier-Parameter steht an erster Stelle unter den optionalen Parametern und hat standardmäßig den leeren Modifier. Dadurch bleibt Ihre API konsistent mit der Standardbibliothek.

Zusammenfügen

Eine formatierte Box mit einer Kette, deren Reihenfolge bewusst gewählt ist.

Box(
    modifier = Modifier
        .size(120.dp)
        .background(Color(0xFFE86F00))
        .padding(12.dp)
) {
    Text(text = "Compose", color = Color.White)
}

Schnelltest

Warum sieht Modifier.padding(16.dp).background(Color.Red) anders aus als Modifier.background(Color.Red).padding(16.dp)?

Zusammenfassung

Modifier:

Konfigurieren Größe, Padding, Hintergrund, Klicks und mehr.
Werden verkettet und in dieser Reihenfolge angewendet — die Reihenfolge ist entscheidend.
Eigene Composables sollten als ersten Parameter einen modifier: Modifier = Modifier bereitstellen.

Häufig gestellte Fragen

Ist die Lektion „Das Modifier-System“ kostenlos?

Ja — der vollständige Text von „Das Modifier-System“ 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 „Das Modifier-System“?

Legen Sie mit Modifiers Größe, Abstände und Stil fest. 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 2 von 4.

Wie lange dauert die Lektion „Das Modifier-System“?

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