Verschachtelungsgruppen im Nullblock

Zero Block unterstützt jetzt die Verschachtelung, d. h. Sie können eine Gruppe von Elementen innerhalb einer anderen platzieren. Sehen wir uns an, wann Verschachtelungen nützlich sein können und wie man sie einsetzt.

Die Verschachtelung kann vor allem bei der Gestaltung mit Auto-Layout (Flex-Containern), bei der Erstellung von Karten, Galerien und mehr nützlich sein. Sie haben zum Beispiel eine Karte für Ihren Blog mit einem Titel, einer Beschreibung und einem Bild erstellt. Dann haben Sie diese Elemente gruppiert (Mehrere Elemente auswählen → Gruppieren), sie als Objektgruppe festgelegt (Gruppe → Objekt) und das automatische Layout aktiviert (Automatisches Layout → Flex → Auto), damit sich die Höhe der Karte automatisch an den Inhalt anpasst. Außerdem haben Sie eine URL hinzugefügt und eine Hintergrundfarbe festgelegt.

Um den Abstand zwischen Titel und Beschreibung flexibler anpassen zu können, haben Sie diese beiden Textelemente in einer Gruppe zusammengefasst und das automatische Layout für diese neue Gruppe aktiviert. Jetzt haben Sie eine verschachtelte Gruppe mit flexiblen Eigenschaften.

1. Über das Bedienfeld "Ebenen".
2. Durch Ziehen und Ablegen (nur bei aktiviertem automatischen Layout).
3. Mit dem Tastaturkürzel Cmd/Ctrl+G.
4. Über das Bedienfeld Einstellungen.
5. Über das Kontextmenü.

💡 Sie können Gruppen innerhalb anderer Gruppen bis zu fünf Ebenen verschachteln. Elemente, die als logische Gruppe gruppiert sind, können jedoch nicht innerhalb einer Objektgruppe verschachtelt werden. Wenn Sie versuchen, sie zu verschachteln, wird die logische Gruppe automatisch in eine Objektgruppe umgewandelt.

Hier sind einige Beispiele dafür, wann Verschachtelungsgruppen besonders nützlich sind und wie Sie sie in Ihren Projekten verwenden können.

Die Verschachtelung von Gruppen ist auch nützlich, um verschiedene Animationseffekte auf verschiedene Gruppen anzuwenden. So können Sie beispielsweise eine Animation für das Erscheinungsbild einer gesamten Karte und eine separate Schwebeanimation für eine verschachtelte Gruppe mit einem einzelnen Element, wie einem Pfeil, festlegen.

Mit Auto-Layout in Kombination mit der Verschachtelung können Sie das Layout Ihrer Website schnell an unterschiedliche Bildschirmauflösungen anpassen. Außerdem erspart es Ihnen wiederholte manuelle Arbeiten. Einmal festgelegt, steuern die Einstellungen automatisch, wie alle Elemente auf Inhalts- oder Größenänderungen reagieren und sich entsprechend ausrichten.