Untere Ansicht erstellen

Ein unteres Infofeld enthält sekundäre Inhalte, die am unteren Bildschirmrand verankert sind.

Versionskompatibilität

Für diese Implementierung muss das minSDK Ihres Projekts auf API-Level 21 oder höher festgelegt sein.

Abhängigkeiten

Ansicht am unteren Rand implementieren

Verwenden Sie ModalBottomSheet, um ein Unterblatt zu implementieren:

Tabellenblatt maximieren und minimieren

Mit SheetState können Sie die Tabelle maximieren und minimieren:

Wichtige Fakten

  • Verwenden Sie den Slot content, in dem mithilfe eines ColumnScope Tabelleninhalte in einer Spalte angeordnet werden.
  • Verwenden Sie rememberSheetState, um eine Instanz von SheetState zu erstellen, die Sie mit dem Parameter sheetState an ModalBottomSheet übergeben.

  • SheetState bietet Zugriff auf die Funktionen show und hide sowie auf Eigenschaften, die sich auf den aktuellen Tabellenstatus beziehen. Für diese Funktionen ist ein CoroutineScope erforderlich, z. B. rememberCoroutineScope. Sie können als Reaktion auf UI-Ereignisse aufgerufen werden.

  • Entfernen Sie das ModalBottomSheet aus der Komposition, wenn Sie das untere Blatt ausblenden.

Ergebnisse

Abbildung 1. Ein standardmäßiges Unterblatt (links) und ein modales Unterblatt (rechts).

Sammlungen, die diesen Leitfaden enthalten

Dieser Leitfaden ist Teil der folgenden ausgewählten Sammlungen von Kurzanleitungen, die allgemeinere Ziele der Android-Entwicklung abdecken:

Hier erfahren Sie, wie Sie mit kombinierbaren Funktionen ganz einfach ansprechende UI-Komponenten auf der Grundlage des Material Design-Designsystems erstellen können.
Sammlung von Kurzanleitungen

Hast du Fragen oder Feedback?

Auf unserer Seite mit häufig gestellten Fragen finden Sie Kurzanleitungen. Sie können sich auch gern an uns wenden.
Zu den FAQs Feedback geben