Unterschiede zwischen Containersteuerelementen

Container sind die Bausteine, mit denen Sie das Layout Ihrer App gestalten können, und es ist wichtig, die verschiedenen Arten von Containersteuerelementen zu verstehen und zu wissen, wann sie verwendet werden sollen.

Container	Containerlayout	Seitencontainer
Ein einzelner Container, der Steuerelemente und andere Container enthalten kann Container	Mit dem Containerlayout können Sie ein komplexes Layout mit verschiedenen Abschnitten (Containern) erstellen. Containerlayout	Der Seitencontainer kann eine andere Seite auf der aktuellen Seite hosten Seitencontainer
Wächst basierend auf der Größe seines Inhalts	Hat eine feste Höhe. Die Breite ist rasterbasiert und wird basierend auf der Bildschirmbreite verkleinert und vergrößert	Wächst basierend auf der Größe der geschachtelten Seite
Wird verwendet, um eine Gruppe von Elementen ähnlich auszurichten Wird verwendet, um ein bestimmtes Element anders als andere Elemente auszurichten Geschachtelte Container sind möglich Geschachtelte Container werden verwendet, wenn Sie Elemente im inneren Container anders ausrichten/positionieren möchten als im äußeren. Die Anzahl der geschachtelten Container ist unbegrenzt. Generell wird jedoch empfohlen, vier Ebenen mit geschachtelten Containern nicht zu überschreiten, damit die Wartbarkeit und Leistung nicht beeinträchtigt wird.	Wird verwendet, um ein Layout (Struktur) für eine Seite zu erstellen Es wird empfohlen, das Containerlayout nicht in anderen Containern/Steuerelementen als der Seite zu verwenden Die Verwendung geschachtelter Containerlayouts führt zu zusätzlichen Leerzeichen und Problemen mit der Wartbarkeit	Nützlich, wenn Sie Komponenten in Ihrer App wiederverwenden möchten. Wenn Sie beispielsweise einen konsistenten Header oder konsistenten Text über verschiedene Seiten Ihrer App hinweg haben möchten Hilft bei der Wartbarkeit

Beispiel zum Ausrichten von Steuerelementen mithilfe von Containern

Das folgende Beispiel zeigt ein einfaches Formular, in dem Sie die folgenden Informationen vom Benutzer sammeln möchten: Vorname, Nachname, E-Mail und Schule. Während die Eingabefelder „E-Mail‟ und „Schule‟ untereinander angeordnet sein können, möchten wir den Vor- und Nachnamen nebeneinander anordnen. Dies ist mit folgenden Schritten möglich.

• Einen neuen Container hinzufügen
• Ändern Sie das Layout des Containers zu „Horizontal“

• Fügen Sie die beiden Textfelder innerhalb des Containers hinzu