Materialkomponenten in Compose
Jetpack Compose bietet eine Implementierung von Material Design, einem umfassenden Designsystem zum Erstellen digitaler Schnittstellen. Sie können zusammensetzbare Funktionen verwenden, um Material-Komponenten zu implementieren.
Reaktionen
Schaltflächen
Die meisten Aktionen in einer Benutzeroberfläche werden durch Schaltflächen ausgelöst.
Unverankerte Aktionsschaltfläche
Mit unverankerten Aktionsschaltflächen (UAS) können Nutzer primäre Aktionen ausführen.
Symbolschaltfläche
Über Symbolschaltflächen können Nutzer mit nur einem Tippen kleinere Aktionen ausführen.
Segmentierte Schaltfläche
Mit segmentierten Schaltflächen können Nutzer Optionen auswählen, Ansichten wechseln oder Elemente sortieren.
Kommunikation
Badges
Badges zeigen Benachrichtigungen, Zählungen oder Statusinformationen für Navigationselemente und Symbole an.
Fortschrittsanzeigen
Fortschrittsanzeigen geben eine nicht näher bestimmte Wartezeit an oder zeigen die Dauer eines Prozesses an.
Kurznachricht
Snackbars zeigen kurze Updates zu App-Prozessen unten auf dem Bildschirm an.
Kurzinfos
In Tooltips werden kurze Labels oder Meldungen angezeigt.
Eindämmung
Tabellenblätter am unteren Rand
Bottom Sheets zeigen sekundäre Inhalte an, die am unteren Rand des Bildschirms verankert sind.
Infokarten
Auf Karten werden Inhalte und Aktionen zu einem bestimmten Thema angezeigt.
Karussell
In Karussells wird eine Sammlung von Elementen angezeigt, die auf dem Bildschirm ein- und ausgeblendet werden können.
Dialogfelder
Dialogfelder enthalten wichtige Aufforderungen in einem User Flow.
Trennlinien
Trennlinien sind dünne Linien, die Inhalte in Listen oder anderen Containern gruppieren.
Navigation
App-Leisten
App-Leisten werden oben auf dem Bildschirm platziert, um Nutzern die Navigation zu erleichtern.
Navigationsleiste
Mit Navigationsleisten können Nutzer auf kleineren Geräten zwischen Benutzeroberflächenansichten wechseln.
Navigationsleiste
Mit Navigationsleisten können Nutzer auf größeren Geräten zwischen Benutzeroberflächen wechseln.
Navigationsleiste
Mit Navigationsleisten können Nutzer auf mittelgroßen Geräten zwischen UI-Ansichten wechseln.
Tabs
Mit Tabs lassen sich Inhalte über Bildschirme und Ansichten hinweg organisieren.
Auswahl
Kästchen
Über Kästchen können Nutzer ein oder mehrere Elemente aus einer Liste auswählen oder ein Element aktivieren oder deaktivieren.
Chips
Mit Chips können Nutzer Informationen eingeben, Auswahlen treffen, Inhalte filtern oder Aktionen auslösen.
Datumsauswahl
Mit Datumsauswahlen können Nutzer ein Datum oder einen Zeitraum auswählen.
Menüs
Menüs werden vorübergehend eingeblendet und enthalten eine Liste mit Auswahlmöglichkeiten.
Optionsfeld
Über Optionsfelder können Nutzer eine Option aus einer Reihe von Optionen auswählen.
Schieberegler
Mit Schiebereglern können Nutzer aus einem Wertebereich auswählen.
Wechseln
Mit Schaltern kann die Auswahl eines Elements aktiviert oder deaktiviert werden.
Zeitauswahl
Mit Zeitselektoren können Nutzer eine bestimmte Zeit auswählen und festlegen.
Texteingabe
Suche
Mit der Suche können Nutzer einen Suchbegriff oder eine Wortgruppe eingeben, um relevante Informationen zu erhalten.
Textfelder
Über Textfelder können Nutzer Text auf einer Benutzeroberfläche eingeben.
Listen und Raster
Hier erfahren Sie, wie Sie grundlegende Layouts in Compose verwenden.
Ressourcen
Hier erfahren Sie, wie Sie Ressourcen wie Strings und Bilder verwalten.