Scaffold-Komponente erstellen, um die Benutzeroberfläche zusammenzuhalten

In Material Design ist ein Scaffolding eine grundlegende Struktur, die eine standardisierte Plattform für komplexe Benutzeroberflächen bietet. Sie hält verschiedene Teile der Benutzeroberfläche zusammen, z. B. App-Leisten und schwebende Aktionsschaltflächen, und verleiht Apps ein einheitliches Erscheinungsbild.

Versionskompatibilität

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

Abhängigkeiten

Scaffolding erstellen

Im folgenden Beispiel wird gezeigt, wie Sie Scaffold implementieren können. Sie enthält eine obere App-Leiste, eine untere App-Leiste und eine schwebende Aktionsschaltfläche, die mit dem internen Status von Scaffold interagiert.

Ergebnisse

Eine Implementierung des Scaffolds mit einfachen App-Leisten oben und unten sowie einer schwebenden Aktionsschaltfläche, die einen Zähler iteriert. Der innere Inhalt des Scaffolds besteht aus einfachem Text, der die Komponente erklärt.
Abbildung 1 Eine Implementierung von Scaffold.

Wichtige Fakten

Das Scaffold-Modul bietet eine einfache API, mit der Sie die Struktur Ihrer App schnell gemäß den Material Design-Richtlinien zusammenstellen können. Scaffold akzeptiert mehrere zusammensetzbare Funktionen als Parameter. Dazu gehören:

  • topBar: Die App-Leiste oben auf dem Bildschirm.
  • bottomBar: Die App-Leiste am unteren Bildschirmrand.
  • floatingActionButton: Eine Schaltfläche, die unten rechts auf dem Bildschirm angezeigt wird und mit der Sie wichtige Aktionen aufrufen können.

Ausführlichere Beispiele zur Implementierung von App-Leisten oben und unten finden Sie auf der Seite zu App-Leisten.

Sie können Scaffold-Inhalte auch wie bei anderen Containern übergeben. Es übergibt einen innerPadding-Wert an das content-Lambda, den Sie dann in untergeordneten Composeables verwenden können.

Sammlungen, die diesen Leitfaden enthalten

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

Informationen zum Erstellen komplexer Benutzeroberflächen mit einer standardisierten Plattform Das Scaffolding hält die verschiedenen Teile der Benutzeroberfläche zusammen und verleiht Apps ein einheitliches Erscheinungsbild.
Hier erfahren Sie, wie Sie mit kombinierbaren Funktionen ganz einfach ansprechende UI-Komponenten auf der Grundlage des Material Design-Designsystems erstellen können.

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.