Projektgruppe Visual Analytics - Medieninformatik und Multimedia ...

10.2 Desktop 181
10.2 Desktop
Für die Realisierung des Desktops werden dem MainWindow zwei Canvas hinzugefügt,
welche grafisch übereinander liegen. Eine Canvas dient als Command Layer zur Eingabe
pfadbasierter Gesten, die andere als Container für die Diagramme und das Pie-Menü.
Zunächst wird der Command Layer vorgestellt.
10.2.1 Command Layer
Die Befehlsschicht, auch Command Layer genannt, enthält einen DiagramEventTrigger,
der selber unter anderem einen Stroke und einen GestureRecognizer enthält. Sobald
die Befehlsschicht berührt wird, wird ein neues Stroke-Objekt erzeugt. Ein Stroke-
Objekt ist ein grafisches Element, welches eine Menge von Punkten enthält. Diese
Punkte sind in ihrer Reihenfolge miteinander verbunden. Sobald ein Move-Event
aufgefangen wird, wird die neue Position zum Stroke hinzugefügt. Sobald die
Berührung abgeschlossen ist, also ein TouchUp-Event aufgefangen wird, wird die
letzte Position ebenfalls zum Stroke hinzugefügt und letztendlich dieser Stroke
vom GestureRecognizer untersucht. Erkennt der GestureRecognizer ein Viereck,
wird die Action AddDiagramAction ausgeführt. Des Weiteren stehen Methoden
zum Aufrufen der Hilfefunktion und zum Schließen des Programms zur Verfügung,
welche mit einer Kreisbewegung bzw. einer Wischgeste durchgeführt aufgerufen
werden. Zusätzlich wird das Stroke-Objekt der Action übergeben. Die Klasse
AddDiagramAction enthält dabei drei Hilfsmethoden, Width, Height und Position.
Die Methode Width ermittelt durch den übergebenen Stroke die Breite des Diagramms.
Dafür werden der kleinste und der größte X-Wert aus dem Stroke ermittelt. Analog
dazu verfährt die Methode Height, jedoch hier mit den Y-Werten. Um die Breite und
Höhe zu berechnen wird das Minimum jeweils vom Maximum subtrahiert. Die Methode
Position ermittelt die Position des Diagramms. Hierfür werden jeweils die minimalen
Werte von den X- und Y-Werten ermittelt. Nachdem diese Werte berechnet werden,
wird ein neues Diagramm erzeugt, die Größe dieses Diagramms gesetzt und mit einer
TranslateTransform positioniert. Da die Diagramme aufeinander liegen können, gibt
es das LastZOrder-Property, welches eine statische Variable ist. Es gibt an, welchen
Z-Index das oben liegende Diagramm hat. Soll ein Diagramm in den Vordergrund
geholt werden, so wird dieser Index inkrementiert und auf das Diagramm wird das
AttachedProperty Canvas.ZIndex mit diesem Wert gesetzt. Ein Diagramm kann
durch Berühren desselben in den Vordergrund geholt werden.