Die Konvertierungsfunktionen Bildpinsel aus Textur erstellen und Bildpinsel aus Material erstellen bieten eine Möglichkeit, eine Textur oder ein Material aus einem Ansichtsmodell in ein Bild-Widget direkt in deinem Benutzer-Widget einzufügen.
Im Gegensatz zu den Konvertierungsfunktionen „Materialparameter festlegen“ machen diese beiden Konvertierungsfunktionen es überflüssig, ein Material mit einem Texturparameter zu verwenden. Diese Konvertierungsfunktionen fügen Texturen in deine Benutzeroberfläche ein.
Dieses Beispiel erweitert das Tracker-Widget aus den Zu Text-Tutorials, indem die Symbol-Eigenschaft aus dem Tracker-Ansichtsmodell mittels Bildpinsel aus Textur erstellen in ein Bild-Widget übergeben wird.
Bildpinsel aus Material erstellen und Bildpinsel aus weicher Textur/Material erstellen teilen sich den gleichen Workflow und haben auch identische Eigenschaften. Dieses Tutorial behandelt jedoch nicht, wie diese eingerichtet werden. In den Tutorials unter Erstellen eines benutzerdefinierten HUD erfährst du, wie diese Eigenschaften im Widget eingerichtet werden.
Widget-Einrichtung
Das gleiche Benutzer-Widget aus den IntToText-/Double-Tutorials wird verwendet, um dieses Tracking-Widget zu erstellen.
Dieses Tutorial hat ein zusätzliches Bild-Widget, welches das Symbol vom Tracker-Gerät übergibt. Die vorhandenen Felder Titel und CurrentValue werden in eine Stapelbox mit horizontaler Ausrichtung eingeschlossen, sodass das Symbol von links nach rechts neben dem Text des Widgets angezeigt wird.
Füge die folgenden Widgets zur Hierarchie in der gleichen Reihenfolge hinzu, wie in der folgenden Liste angegeben:
Overlay
Bild (Verschachtele das Bild-Widget im Overlay und benenne es in Background um.)
Stapelbox (Verschachtele die Stapelbox unter dem Overlay).
2 x Bild (Verschachtele sie unter der Stapelbox und benenne die Widgets in Icon und Spacer um.)
Stapelbox (Verschachtele die zweite Stapelbox unter der ersten Stapelbox.)
Setze die horizontale und vertikale Ausrichtung des Symbolbild-Widgets auf Zentrum. Dadurch wird sichergestellt, dass das Symbol immer zentriert ist.
Ein zusätzliches Spacer-Bild-Widget wird verwendet, um Abstand zwischen dem Symbol und dem Text unten zu erzeugen.
Einrichtung der Konvertierungsfunktion
Öffne das Fenster „Ansichtsbindungen“, um das Symbol vom Tracker-Gerät an das Symbolbild-Widget in deiner Benutzeroberfläche zu binden.
Wähle das Symbolbild-Widget in der Hierarchie aus und klicke dann auf +Widget hinzufügen im Fenster „Ansichtsbindungen“.
Wähle im linken Feld Symbol > Pinsel > Auswählen. Damit wird ein Wert in das Pinsel-Feld des Icon-Bildes übergeben.
Dieses Pinsel-Feld ist auch im Details-Panel für das Symbolbild-Widget zu sehen. Die meisten Felder im Details-Panel sind über Ansichtsbindungen zugänglich.
Wähle im linken Feld Konvertierungsfunktionen > Bildpinsel aus Textur erstellen > Auswählen.
Unterhalb der Bindung werden einige Felder angezeigt. Siehe Bildpinsel aus Textur-/Materialeigenschaften erstellen, um mehr darüber zu erfahren, was jedes Feld tut.
Klicke auf das Kettensymbol neben Bild und wähle MVVM_UEFN_Tracker > Symbol > Auswählen.
Setze die Bildgröße auf die gewünschte Größe des Bildes in deinem Tracker-Widget.
Die Ansichtsbindung erbt nicht die X- und Y-Größen von deinem ursprünglichen Bild-Widget. In diesem Beispiel ist die Bildgröße auf 72x72 px festgelegt, um die Lesbarkeit des Symbols zu gewährleisten.
Endergebnis
Ziehe ein Tracker-Gerät in dein Projekt und lege die folgenden Optionen fest:
Lege im Details-Panel Symbole in den Auftragssymbolfeldern für die Symbole Klein und Groß fest. In diesem Beispiel wurden die T_UI_IconLibrary_Ham-Symbole für die kleinen und großen Symbole verwendet.
Das Symbolbild-Widget wird mit dem Schinken-Symbol gefüllt, das im Tracker-Gerät festgelegt ist.
Bildpinsel aus Textur-/Materialeigenschaften erstellen
Beide Konvertierungsfunktionen teilen sich die gleichen Felder, außer es ist etwas anderes angegeben:
Bild (nur für Bild aus Textur erstellen)
Die Texturvariable, die an den Pinsel des Bild-Widgets übergeben werden soll.
Material (nur für Bild aus Material erstellen)
Die Materialvariable, die an den Pinsel des Bild-Widgets übergeben werden soll.
Größe
Die Größe des Bildes oder Materials, das gezeichnet wird.
Tönungsfarbe
Die Farbe, mit der das Bild oder Material getönt wird.
Kacheltyp (nur für Bild aus Textur erstellen)
Bestimmt, ob das Bild horizontal, vertikal oder in beide Richtungen gekachelt wird, wenn es an den Pinsel des Bild-Widgets übergeben wird. Wenn die ursprüngliche Symbolgröße kleiner ist als die in der Konvertierungsfunktion angegebene Größe, wird das Bild gekachelt.
In diesem Beispiel ist mein Symbol 64x64 px groß, während die Größe auf 72x72 px festgelegt ist, wodurch es gekachelt wird.
