Projektgruppe Visual Analytics - Medieninformatik und Multimedia ...

9.1 Punktdiagramm 155
9.1.2 Die Containerklasse Diagram
Die Klasse Diagram stellt alle notwendigen Eigenschaften und Elemente für die Anzeige
des Diagramms bereit. Dabei wurde das Diagramm mit Hilfe des Entwurfsmusters
MVVM entwickelt. Die Model-Komponente gehört zum Namespace TAP.Model (siehe
9.5.2). Das DiagramDataModel stellt die ViewModel-Komponente des Entwurfmusters
dar, während die anderen Klassen der View-Komponente zugeordnet werden. Wie in
Abbildung 9.1 zu erkennen ist, stellt die Klasse Diagram eine zentrale Sammelstelle dar,
in welche alle Klassen integriert werden. Das Diagramm besteht aus zwei Achsen, die
Beschriftungen beinhalten. Zusätzlich ist in der Klasse Diagram eine Scalable-Canvas
enthalten, in welcher die Punkte erzeugt und angezeigt werden. Ferner gibt es eine
DropAreaGroup, die aus fünf verschiedenen DropZonen, je eine für Farb-, X-, Y- ,
Animations- und Größen-Achse, besteht. Weiterhin ist dem Diagramm eine animierte
Fortschrittsanzeige zugeordnet, welche allerdings nur erscheint, wenn dies von der
Datenbank auch unterstützt wird. Eine Legende gibt zusätzliche Informationen zu den
Datenpunkten an.
Eigenschaften der Diagram Klasse:
Das Diagramm definiert vier Attached Dependency Properties, die im visuellen Baum
vererbt werden.
• TranslateX und TranslateY: Geben an, um wie viel der Inhalt des Diagramms
nach rechts oder links und nach oben oder unten verschoben ist. Diese Properties
werden durch das Verschieben gesetzt.
• ScaleX und ScaleY: Bestimmen den Skalierungsfaktor für den Inhalt des
Diagramms. Die Properties werden durch das Zoomen beeinflusst.
Das Diagramm hört auf die folgenden Events:
• PropertyChanged aus dem DiagramDataModel: Wenn diese den Wert true
für IsWorking hat, dann wird die Fortschrittsanzeige angezeigt. Während diese
angezeigt wird, sind die Interaktionen mit dem Diagramm unterbunden. Liefert
IsWorking den Wert false, wird die Fortschrittsanzeige wieder geschlossen.
• DragEnter: Durch dieses Event wird die DropAreaGroup angezeigt.
• DragLeave und Drop: Wird dieses Event geworfen, wird die DropAreaGroup
wieder ausgeblendet.