Dynamisches Layout: Canvas

Last Updated März 11, 2026

Kurzübersicht

Die Arbeitsfläche definiert die Gesamtstruktur und das Erscheinungsbild eines dynamischen Layout-ShoutOut. Es dient als Container für Rahmen und Widgets und steuert, wie der ShoutOut Größe, Positionierung und auf dem Bildschirm angezeigt wird.

Dieser Artikel erläutert, wie Sie die Arbeitsfläche gestalten und konfigurieren, einschließlich des Layoutverhaltens, des Abstands, der Positionierung, der Einstellungen der Schließschaltfläche und der Elementnavigation.

Canvas-Styling

Sie können das visuelle Erscheinungsbild der Arbeitsfläche über die Registerkarte Styling in der Eigenschaftentasche anpassen.

Sie können Folgendes konfigurieren:

  • Eckradius
  • Rahmenbreite und Rahmenfarbe
  • Füllfarbe


Canvas Shadow

Sie können der Arbeitsfläche einen Schatten hinzufügen, um eine visuelle Trennung vom Hintergrund zu schaffen. Die folgenden vordefinierten Optionen sind verfügbar:

  • None
  • Weich
  • Normal
  • Retro

Die Werte des Eckenradius können einheitlich angewendet oder individuell für jede Ecke konfiguriert werden.

Layout und Größenordnung

Das Layout der Arbeitsfläche bestimmt, wie sich der ShoutOut an seinen Inhalt anpasst.

Größenverhalten

  • Die Breite der Arbeitsfläche kann geändert werden, indem Sie sie direkt auf die Arbeitsfläche ziehen oder indem Sie Werte in den Eigenschaften-Beutel eingeben
  • Die Höhe der Arbeitsfläche wird automatisch basierend auf der Menge des Inhalts angepasst
  • Nur die Breite der Arbeitsfläche kann manuell geändert werden

Innere Abstände

Der innere Abstand steuert den Abstand zwischen den Rändern des Arbeitsbereichs und den Rahmen darin ein.

So passen Sie den inneren Abstand an:

  • Wählen Sie die Arbeitsfläche aus
  • Aktualisieren Sie die Abstandswerte im Eigenschaften-Beutel

Standardmäßig wird derselbe Abstandswert auf alle Seiten angewendet. So legen Sie verschiedene Werte pro Seite fest:

  • Wählen Sie das Symbol für den Rahmen aus
  • Individuelle Seitenwerte anpassen

Abstandsindikatoren werden direkt auf der Arbeitsfläche angezeigt, wenn Sie Änderungen vornehmen.

Arbeitsplatzposition

Die Position des Arbeitsbereichs auf dem Bildschirm wird über den Eigenschaften-Beutel konfiguriert.

Sie können:

  • Wählen Sie eine der Standardpositionen auf dem Bildschirm aus.
  • Aktivieren Sie den Schalter Benutzerdefinierte Position, um genaue Platzierungswerte zu definieren

Die Position der Arbeitsfläche kann nicht direkt über die Arbeitsfläche angepasst werden.

Einstellungen der Schaltfläche Schließen

Über die Schaltfläche Schließen können Benutzer den ShoutOut verwerfen und kann vollständig angepasst werden.

Anzeigen oder ausblenden

  • Wenn Sie den Schalter Schließen anzeigen deaktivieren, wird die Schaltfläche Schließen aus der Arbeitsfläche ausgeblendet
  • Um es erneut anzuzeigen, bewegen Sie den Mauszeiger über die Schaltfläche Schließen, wählen Sie es aus und aktivieren Sie den Schalter wieder

Styling

Sie können die Schaltfläche Schließen über die Registerkarte Styling anpassen, einschließlich folgender Aspekte:

  • Symbolgröße und Farbe
  • Schaltflächenradius und Füllfarbe
  • Rahmenbreite und Rahmenfarbe

Größe und Position

  • Ändern Sie die Größe der Schaltfläche Schließen direkt auf der Arbeitsfläche
  • Ändern Sie die Position der Schaltfläche in die obere rechte oder obere linke Ecke der Registerkarte Layout

Elementbaum

Der Elementbaum bietet eine hierarchische Ansicht aller Komponenten und Ebenen im Visual Designer.

So öffnen Sie den Elementbaum:

  • Wählen Sie das Symbol Ebenen aus

Die Verwendung der Elementstruktur ermöglicht Folgendes:

  • Schnell zwischen Elementen navigieren
  • Eingebettete Komponenten einfacher auswählen und bearbeiten
  • Komplexe Layouts mit größerer Kontrolle verwalten

Technische Hinweise

  • Die Höhe der Arbeitsfläche wird automatisch durch den Inhalt bestimmt
  • Die Arbeitsflächenbreite ist die einzige Dimension, die manuell in der Größe geändert werden kann

War dies hilfreich?

Vielen Dank für Ihr Feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×