Als Hintergrundfarbe für einen Knoten kann ein Farbverlauf definiert werden. Hierzu wird die figure-Konfiguration des Knotens um das Element <configuration> erweitert, das wiederum das Element <bGradient> umhüllt.
Eine komplette Konfiguration umfasst Angaben zur Richtung des Farbverlaufs, Start- und Endfarbe für den nicht ausgewählten Knoten und Start- und Endfarbe für den ausgewählten Knoten.
Die Angabe der Farbverlaufsrichtung erfolgt in der Form Himmelsrichtung-Himmelsrichtung. Die Himmelsrichtungen werden abgekürzt angegeben, Kombinationen sind möglich.
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
direction | benötigt | E->W N->S NE->SW NW->SE S->N SE->NW SW->NE W->E |
Richtung des Farbverlaufs von startColor zu Hintergrundfarbe des Knotens, bzw. von selectedStartColor zur Hintergrundfarbe des markierten Knotens. E->W = Ost nach West N->S = Nord nach Süd NE->SW = Nord-Ost nach Süd-West NW->SE = Nord-West nach Süd-Ost S->N = Süd nach Nord SE->NW = Süd-Ost nach Nord-West SW->NE = Süd-West nach Nord-Ost W->E = West nach Ost |
|
startColor | optional | 0,0,0 bis 255,255,255 | Startfarbe des Farbverlaufs für den nicht ausgewählten Knoten als RGB-Wert | |
selectedStartColor | optional | 0,0,0 bis 255,255,255 | Startfarbe des Farbverlaufs für den ausgewählten Knotens als RGB-Wert |
Erlaubte Unterelemente | Anzahl |
---|---|
keine |
Hinweis:
Reihenfolge beachten:
Wird innerhalb von <configuration> auch ein <editRequestHandler> konfiguriert, dann folgt anschließend erst <editRequestHandlerInfo> und danach <bGradient>.
Beispielcode für einen diagonalen Farbverlauf von oben links in Grün nach unten rechts in Weiß für den nicht ausgewählten Knoten und von oben links in Rot nach unten rechts in Blau (Standardfarbe) für den ausgewählten Knoten (Schutzkreis im Planungsdiagramm des Rohbau-Modells):
<node id="SafetyCircuit" super="Component" valid="=isInstanceEO() and isInstanceOf('BodyShellWork_Architecture.LevelComponents .SafetyCircuit')" acceptedChildren="Funktion LabelAsSlave">
<figurePolygon figure="com.mind8.graph2d.figure.container.Polygon">
<configuration>
<bGradient direction="NW->SE" startColor="0,200,0" selectedStartColor="200,0,0"/>
</configuration>
<properties>
<property id="bColor">
<read value="255,255,255"/>
</property>
<property id="selectedBColor">
<read value="0,0,255"/>
</property>
...
</properties>
</figurePolygon>
<property id="text">
<read value="=$Designation"/>
<write key="value" receiver="=getParameter('Designation')"/>
</property>
</node>
Ergebnis:
Die folgenden Abbildungen zeigen den gleichen Knoten mit Farbverlauf, einmal nicht ausgewählt und einmal ausgewählt: