Unterschiede zwischen Containersteuerelementen

Vergleichen Sie Containersteuerelementtypen in Studio Web Apps und wählen Sie den richtigen aus, je nachdem, wie Sie untergeordnete Steuerelemente in Ihrem Layout anordnen müssen.

Lernen Sie die Hauptunterschiede zwischen den Containertypen kennen:

Container	Containerlayout	Seitencontainer
Ein einzelner Container, der Steuerelemente und andere Container enthalten kann.	Ein Containerlayout, das mehrere einfache Container gruppiert und beim Erstellen eines komplexen App-Layouts hilft.	Seitencontainer können eine andere Seite auf der aktuellen Seite hosten.
Wächst basierend auf der Größe seines Inhalts.	Hat eine feste Höhe, während seine Breite von der Bildschirmbreite abhängt.	Wächst basierend auf der Größe der gehosteten Seite.
Richtet eine Gruppe von Elementen ähnlich aus. Richtet ein bestimmtes Element anders aus als die anderen Elemente. Sie können Container verschachteln: Zum Ausrichten/Positionieren von Elementen im Innencontainer im Vergleich zum Außencontainer. Wir empfehlen aus Effizienzgründen die Verschachtelung von maximal vier Containern, jedoch gibt es keine Begrenzung.	Erstellt die Seitenstruktur. Es wird empfohlen, sie nur in Seitencontainern zu verwenden. Das Verschachteln von Containerlayouts führt zu zusätzlichen Leerzeichen und Wartungsproblemen.	Nützlich für die Wiederverwendung von Komponenten in Ihrer App, z. B. die Verwendung des gleichen Headers oder Texts auf verschiedenen Seiten Ihrer App Hilft bei der App-Wartung

Beispiel zum Ausrichten von Steuerelementen mithilfe von Containern

Angenommen, Ihre App enthält ein 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:

1. Fügen Sie einen neuen Container hinzu .
2. Ändern Sie das Layout des Containers zu Horizontal.
3. Fügen Sie die beiden Textfelder innerhalb des Containers hinzu.