Bevor Sie mit der Erstellung eines benutzerdefinierten Renderers beginnen, sollten Sie sich mit den verschiedenen Komponenten eines Renderers sowie mit der Aufteilung eines Blocks in Zeilen und Elemente vertraut machen.
Renderer-Komponenten
Ein Renderer besteht aus mehreren verschiedenen Komponenten. Jede Komponente hat eine eigene Aufgabe, um die Wiederverwendung und Erweiterbarkeit von Code zu maximieren.
Renderer
Der Renderer ist eine Factory-Klasse, die alle anderen Komponenten enthält.
Konstanter Anbieter
Der konstante Anbieter ist eine Sammlung von Zahlen und Formen, die von allen anderen Komponenten sowie von integrierten Feldern verwendet werden.
Informationen zum Rendering
Mit den Renderinginformationen wird festgelegt, wie ein Block basierend auf seiner Definition angeordnet werden soll. Es wird dann eine Sammlung von messbaren und Daten über den Block erstellt, die in der Leiste zum Erstellen von SVG-Pfaden verwendet werden.
Pfadobjekt
Das path-Objekt enthält die SVG-Elemente, die im Dom angegeben sind und den Block bilden.
Leiste
Mit der Leiste (z. B. „One-who-draws“) werden SVG-Pfade basierend auf den Renderinginformationen erstellt und auf das Pfadobjekt angewendet.
Messbare Elemente blockieren
Ein messbares Element ist ein Rechteck, das eine Region eines Blocks darstellt. Messbare Werte sind das, was die Renderinginformationen verwenden, um das Layout des Blocks zu definieren.
Einige Messgrößen enthalten auch zusätzliche Daten (z. B. die visuelle Darstellung, die sie darstellen) oder Hilfsmethoden, mit denen die Renderinginformationen herausfinden können, wie der Block angelegt werden soll.
Verschiedene Renderer können benutzerdefinierte Messgrößen erstellen, um diese Daten oder Hilfsmethoden zu ändern.
Zeilen
Eine Zeile ist eine horizontale Sammlung von Elementen und Abstandhaltern.
Zeilenabstandhalter
Ein Zeilenabstandhalter ist ein leerer vertikaler Bereich zwischen zwei Zeilen.
Elemente
Ein Element steht für ein visuelles Element in einem Block. Dazu gehören Felder, Symbole, Verbindungen usw.
Abstandshalter für Elemente
Ein Elementabstandhalter ist ein leerer Bereich, der zwischen den Elementen in einer Zeile steht.
