• Topics
• FAQs
• API Dokumentation
• Training und Services
• Important Notice

Element (Stencil)

Was ist ein Stencil?

Stencils sind vorgefertigte UI-Elemente (Schablonen), die Sie auf den Seiten (bzw. Mastern oder Ebenen) Ihres Projekts platzieren, um den Prototyp zu erstellen. Alle verfügbaren Stencils finden Sie in der Stencilpalette im Editor, von wo Sie sie mit der Maus auf die Arbeitsfläche ziehen, dort positionieren und weiterbearbeiten können.

Eine Liste aller verfügbaren Stencils mit deren jeweiligen Eigenschaften finden Sie hier.

Elemente zu einer Seite hinzufügen

Um ein Stencil-Element zu einer Seite hinzuzufügen, öffnen Sie die Seite und ziehen Sie das gewünschte Element einfach mit der Maus von der Stencilpalette auf die Arbeitsfläche. Um ein bestimmtes Element zu finden, können Sie die Suchfunktion oberhalb der Stencilpalette verwenden. Tippen Sie hierzu im Editor einfach den Namen des gesuchten Stencils. Die Suchfunktion filtert die Stencilpalette dynamisch nach den passenden Elementen. Nach dem Hinzufügen des Stencil-Elements können Sie dieses auf der Seite positionieren, die Größe verändern und das Element weiter bearbeiten, z.B. indem Sie es mit Inhalt füllen oder Interaktionen hinzufügen.

Elemente zu einer Ebene oder einem Master hinzufügen

Um ein Stencil zu einer Ebene hinzuzufügen, öffnen Sie die Ebenen-Bearbeitung. Im Editor selektieren Sie dazu die gewünschte Ebene in der Seitenleiste und stellen sicher, dass die Ebene aktiviert ist, d.h. das "Auge"-Symbol angezeigt wird. Nun können Sie das gewünschte Stencil mit der Maus auf die Ebene ziehen. Alternativ nutzen Sie die "Bearbeiten"-Option im Assets-Tab. Das Hinzufügen zu einem Master erfolgt analog, sobald Sie den Master zur Bearbeitung geöffnet haben.

Elemente mit Varianten verwenden

Einige Elemente können in unterschiedlichen Varianten bzw. Ausprägungen verwendet werden (z.B. das Icon-Element, Pfeile, Diagramme oder Flowcharts), die in der Stencilpalette unter demselben Symbol zusammengefasst erscheinen. Wenn Sie ein solches Element auf die Arbeitsfläche ziehen, öffnet sich ein Dialog, in dem Sie die gewünschte Ausprägung wählen können. Diese können Sie später ändern, indem Sie den Auswahldialog durch Doppelklick auf das betreffende Element öffnen oder die entsprechende Einstellung im Kontextmenü des Elements ändern.

Interaktionen zu Elementen hinzufügen

Alle Elemente können mit Interaktionen versehen werden. Hierzu öffnen Sie das Kontextmenü des Elements und folgen der Anleitung zum Hinzufügen von Interaktionen.

Elemente anordnen und ausrichten

Sie können die Lage und Ausrichtung von Elementen über das Kontextmenü verändern. Um die Lage in der z-Achse zu verändern nutzen Sie die In den Vordergrund verschieben oder In den Hintergrund verschieben Symbole. Um die Ausrichtung mehrerer selektierter Elemente zueinander anzupassen nutzen Sie die jeweilige Ausrichtungsoption.

Elemente fixieren und lösen

Elemente lassen sich an einer bestimmten Position fixieren und sind dann nicht mehr (versehentlich) verschiebbar. Dies kann beispielsweise hilfreich sein, wenn Sie Hintergrundelemente verwenden. Nutzen Sie hierzu das "Sperren"-Symbol im Kontextmenü des betreffenden Elements. Um das Element wieder zu lösen, klicken Sie auf das "Entsperren"-Symbol .