Phase 05
Jetpack Compose
Deklarative UI mit Compose: Layouts, State, Recomposition, Material 3 und moderne Android-Oberflächen.
60 Artikel · Seite 1 von 3
Das Compose Mental Model verstehen
Verstehe den Paradigmenwechsel der deklarativen UI. Lerne, wie Jetpack Compose State nutzt und durch Recomposition robuste Benutzeroberflächen aufbaut.
Composable Functions
Lerne, wie du mit Composable Functions wiederverwendbare UI-Elemente in Android erstellst. Verstehe den UI-Baum und die @Composable-Annotation.
Compose Preview: Schnelles UI-Design und Iteration in Android
Nutze Compose Previews, um deine Benutzeroberflächen ohne ständige App-Neustarts zu entwerfen und iterativ zu verbessern.
Modifiers in Jetpack Compose: Layout und Design präzise steuern
Lerne, wie du mit Modifiers das Aussehen, das Layout und das Verhalten deiner Jetpack Compose UIs steuerst und typische Fehler bei der Anordnung vermeidest.
Modifier Order in Jetpack Compose: Warum die Reihenfolge zählt
Verstehe, wie die Reihenfolge von Modifiern das Layout und Verhalten in Jetpack Compose beeinflusst und lerne typische Fehler systematisch zu vermeiden.
Text in Jetpack Compose: Typografie und Styling
Lerne, wie du Text in Jetpack Compose professionell darstellst. Von String-Ressourcen über Typografie bis hin zu Barrierefreiheit und sicherem Styling.
Bilder in Jetpack Compose: Image, Painter und ContentScale
Lerne, wie du Bilder und Icons in Jetpack Compose korrekt anzeigst, skalierst und mit semantischen Beschreibungen barrierefrei gestaltest.
Buttons in Jetpack Compose: Aktionen und Zustände verwalten
Erfahre, wie du Buttons in Jetpack Compose einsetzt, Zustände verwaltest und klare Aktionen für deine Nutzer im Material Design umsetzt.
Text Fields in Jetpack Compose: Eingaben sicher verwalten
Lerne, wie du Texteingaben in Jetpack Compose verarbeitest. Verstehe State, Tastatursteuerung und Validierung für eine optimale Nutzererfahrung.
Rows und Columns in Jetpack Compose
Lerne die grundlegenden Layout-Bausteine von Jetpack Compose kennen. Verstehe Arrangement und Alignment für präzise Benutzeroberflächen.
Box Layout in Jetpack Compose
Lerne, wie du mit dem Box-Layout in Jetpack Compose UI-Elemente übereinanderlegst. Ideal für Badges, Hintergründe und Overlays.
Constraint-Free Layout Thinking
Erfahre, warum komplexe Constraint-Systeme in Jetpack Compose selten nötig sind und wie du Layouts effizient durch Komposition aufbaust.
LazyColumn in Jetpack Compose: Effiziente Listen programmieren
Nutze LazyColumn in Jetpack Compose für performante Listen in deiner App. Erfahre, warum stabile Keys für effizientes Recycling unverzichtbar sind.
LazyGrid in Jetpack Compose: Effiziente Raster-Layouts
Erstelle performante, adaptive Raster-Layouts für Galerien und Dashboards in Android. Lerne die Grundlagen von LazyVerticalGrid und dynamischen Zellen.
Lazy Layout Keys in Jetpack Compose: Identität und Performance
Verstehe, wie stabile Keys in Lazy Layouts den Zustand von UI-Elementen erhalten und Rendering-Fehler bei Listenänderungen effektiv verhindern.
State in Compose: Zustand und UI-Updates meistern
Verstehe, wie State-Änderungen in Jetpack Compose die Recomposition steuern und wie du die Source of Truth in deinen Android-Apps richtig strukturierst.
Jetpack Compose: State mit remember speichern
Lerne, wie du mit remember den Zustand in Jetpack Compose über Recompositions hinweg speicherst und UI-Status effizient verwaltest.
Jetpack Compose: Zustand sichern mit rememberSaveable
Erfahre, wie du mit rememberSaveable UI-Zustände über Konfigurationsänderungen und Prozessneustarts hinweg in Jetpack Compose zuverlässig erhältst.
State Hoisting in Jetpack Compose: Konzepte und Praxis
Lerne, wie du durch State Hoisting in Jetpack Compose deine UI-Komponenten zustandslos, wiederverwendbar und testbar machst.
Unidirectional Data Flow (UDF) in Android
Daten fließen nach unten, Events fließen nach oben. So strukturierst du mit Unidirectional Data Flow vorhersehbare Compose-UIs.
Event Lambdas in Jetpack Compose
Erfahre, wie du Nutzeraktionen mit Event Lambdas effizient verwaltest. Trenne UI von Logik für saubere Compose-Architekturen.
Derived State in Jetpack Compose: Effizienz durch abgeleitete Zustände
Optimiere deine Compose-UIs mit derivedStateOf. Lerne, wie du teure Berechnungen vermeidest und Recompositions intelligent steuerst.
Snapshot State in Jetpack Compose verstehen
Lerne, wie das Snapshot-System in Jetpack Compose Zustände verwaltet und gezielte UI-Aktualisierungen auslöst.
Recomposition in Jetpack Compose: Grundlagen und Funktionsweise
Erfahre, was Recomposition in Jetpack Compose ist, warum sie nicht schlecht ist und wie du UI-Updates in Android-Apps gezielt steuerst und optimierst.