Elemente-Tab
Elemente und Ebenen im Vorlagendesigner verwalten.
Der Elemente-Tab ist die Steuerzentrale für die Verwaltung der Vorlagenstruktur. Hier können Sie neue visuelle Komponenten zu Ihrer Leinwand hinzufügen und die Stapelreihenfolge (Ebenen) vorhandener Elemente verwalten.
Verwaltung vs. Konfiguration
Der Elemente-Tab dient ausschließlich dem Hinzufügen, Umordnen und Löschen von Elementen. Um Eigenschaften wie Position, Schriftart, Inhalt oder Größe zu konfigurieren, verwenden Sie den Stil-Tab.
Elemente hinzufügen
Um eine Komponente zu Ihrer Vorlage hinzuzufügen, klicken Sie einfach auf eine der Schaltflächen im Raster „Elemente hinzufügen". Das neue Element erscheint auf der Leinwand und wird oben in der Ebenen-Liste hinzugefügt.
| Elementtyp | Beschreibung |
|---|---|
| Text | Ein Standard-Textblock. Kann statischer Text oder datenzugeordnet sein. |
| Bild | Ein statisches Bild (z. B. Logo, Unterschrift). |
| Barcode | Generiert einen Barcode (Code39, Code128 usw.) aus Daten. |
| QR-Code | Generiert einen 2D-QR-Code aus Daten. |
| Statische Tabelle | Ein festes Raster für Layouts wie Kopfzeilen oder Infoboxen. |
| Gruppentabelle | Eine dynamische Tabelle, die über Transaktionsdaten iteriert. |
Weitere Elementtypen
Rect (Rechteck) und Line (Linie) Elemente werden ebenfalls unterstützt, können jedoch nur durch direkte Bearbeitung der Vorlagen-YAML-Datei hinzugefügt werden. Sie sind nicht über die Designer-Oberfläche verfügbar.
Ebenenbereich & Z-Reihenfolge
Die Ebenen-Liste am unteren Rand des Tabs zeigt jedes Element auf Ihrer aktuellen Seite. Die Reihenfolge dieser Liste bestimmt die Zeichenreihenfolge (Z-Index) und die Flussreihenfolge für die relative Positionierung.
Ebenen verwalten
- Auswahl: Klicken Sie auf eine Ebene, um dieses Element auszuwählen.
- Umordnen:
- Pfeil nach oben (↑): Verschiebt das Element in der Liste nach oben (visuell: in den Hintergrund).
- Pfeil nach unten (↓): Verschiebt das Element in der Liste nach unten (visuell: in den Vordergrund).
- Löschen: Klicken Sie auf das Papierkorb-Symbol, um das Element zu entfernen.
Z-Reihenfolge (Stapelreihenfolge) verstehen
Die Reihenfolge der Elemente in der Liste bestimmt ihre Stapelreihenfolge (Z-Index).
- Oben in der Liste = Wird zuerst gezeichnet (Hintergrund)
- Unten in der Liste = Wird zuletzt gezeichnet (Vordergrund)
Wenn sich zwei Elemente überlappen (z. B. Text über einem Bild), erscheint das Element weiter unten in der Liste über dem Element weiter oben in der Liste.
Fallstudie: Relative Positionierung & Ebenenreihenfolge
Wenn Sie die Position eines Elements im Stil-Tab auf Relativ setzen, wird die Ebenenreihenfolge entscheidend.
Regel der relativen Positionierung
Ein „Relativ" positioniertes Element orientiert sich an der unteren linken Ecke des vorherigen Elements in der Ebenenliste.
Beispielszenario
Stellen Sie sich zwei Textelemente vor:
- „Berichtstitel" (Statischer Text, große Schrift)
- „Datum" (Variabler Text, kleine Schrift)
Sie möchten, dass das Datum unabhängig von der Titellänge automatisch unterhalb des Berichttitels erscheint.
Korrekte Konfiguration
Ebenenreihenfolge:
- Berichtstitel (Erster in der Liste)
- Datum (Zweiter in der Liste) → Position: Relativ
Ergebnis: Das Datum betrachtet das unmittelbar vorherige Element (Berichtstitel), berechnet, wo der Titel endet, und positioniert sich direkt darunter.
Falsche Konfiguration
Ebenenreihenfolge:
- Datum (Erster in der Liste) → Position: Relativ
- Berichtstitel (Zweiter in der Liste)
Ergebnis: Das Datum hat kein „vorheriges Element" (oder orientiert sich am Seitenrand) und bleibt daher oben. Der Berichtstitel wird nach dem Datum gezeichnet und überlappt es möglicherweise oder erscheint an der falschen Stelle.
Bewährte Vorgehensweise
Beim Erstellen flussbasierter Layouts (wie einem Brieftext) stellen Sie sicher, dass Ihre Ebenenliste der Leserichtung (von oben nach unten) entspricht.