Containerelement

Das Containerelement kann verwendet werden, um viele Dinge zu erreichen.

• Elemente horizontal anordnen
• Zusätzlichen Hintergrund oder Schatten hinzufügen
• Vollflächige Hintergrundfarbe oder -bild

Elemente horizontal anordnen

Spalten hinzufügen und Breitenverhältnis einstellen

Nachdem Sie ein Container auf die Leinwand hinzugefügt haben, sehen Sie, dass es nur 1 Spalte im Daten Tab gibt.

Klicken Sie auf Spalte, um weitere Spalten hinzuzufügen. Und passen Sie deren Breitenverhältnis an, um Ihr gewünschtes Layout zu erstellen. Im Screenshot habe ich ein Verhältnis von 2:1 eingerichtet, wobei die linke Spalte doppelt so breit ist wie die rechte Spalte.

Immer horizontal

Beachten Sie, dass die Spalten zwar horizontal angeordnet sind, aber auf mobilen Bildschirmen vertikal angeordnet werden, um sich an schmalere Bildschirme anzupassen.

In den meisten Fällen ist das in Ordnung. Wenn Sie jedoch möchten, dass Ihre Spalten immer horizontal angeordnet sind, klicken Sie auf den Inhalte Tab und überprüfen Sie das Typ Feld. Wählen Sie Immer horizontal. Und Ihr Inhalt wird unabhängig von der Bildschirmgröße horizontal angeordnet.

Automatische Spaltenbreite

Eine kurze Anmerkung zu Breitenverhältnis ist, dass es auf Breitenverhältnis eingestellt werden kann, wobei die Spaltenbreite sich an die Elemente innerhalb der Spalte anpasst. Dies ist nützlich, zum Beispiel, wenn Sie ein Avatar und ein Motto einrichten möchten.

Einzelne Spalte

Wenn es nur eine einzelne Spalte in einem Container gibt, ist sie dennoch nützlich. Zum Beispiel können Sie zusätzliche Hintergrund und zusätzliche Boxschatten hinzufügen.

Vollflächiger Hintergrund

Vollflächige Hintergründe können mit einem Container erreicht werden. Stellen Sie einfach Form -> Breite auf Volle Bildschirmbreite ein. Der Container wird sich von links nach rechts bis zu den Rändern des Bildschirms erstrecken.

Aber die Inhalte innerhalb des Containers werden immer noch innerhalb der Breite des Seitenelements eingeschränkt. Sie können die Inhalte bis zum Rand des Containers erweitern, indem Sie Inhalte -> Innenbreite auf 100% setzen.

Vollflächiges Bild

Wie der obige Screenshot zeigt, wenn Sie Form -> Breite des Bildelements auf Abdecken setzen. Das Bildelement wird sich bis zum Rand des Containers erstrecken und die Polsterung und den Abstand des Containers und der Spalte ignorieren.