Projektgruppe Visual Analytics - Medieninformatik und Multimedia ...

198 Kapitel 11 Erweiterbarkeit
Um eine Funktionalität am neuen Button anzubinden, muss in der Code-Behind-
Datei Diagram.xaml.cs weiterhin die neue Methode newButtonUp(object sender,
RoutedEventArgs e) hinzugefügt werden, die auf ein ausgelöstes TouchUp-Event
reagiert. Diese sieht folgendermaßen aus (siehe Listing 11.9).
1 private void newButton (object sender , RoutedEventArgs e)
2 {
3 // implement some new eventhandling -method
4 }
Listing 11.9: Hinzufügen eines neuen DropAreaTypes
11.5.3 Erweiterung der Diagrammpunkte
Die visuelle Repräsentation der darzustellenden Daten wird durch die Klasse DiagramPoint
geleistet. Sollen die darzustellenden Daten geändert werden, muss die hinter den
DiagramPoints liegende Datenhaltung geändert werden. Die Zuweisung von beispielsweise
der Positionierung der Punkte geschieht durch die Methode PositionDiagram-
Point(int, ref DataPoint, int, DiagramPoint) in der Klasse ScalableCanvas.
Für eine Erweiterung der darzustellenden Daten sollten hier die DiagramPoints mit
den neu darzustellenden Daten versehen werden.
Da DiagramPoint von FrameworkElement abgeleitet ist, kann, um z. B. ein anderes
Rendering der DiagramPoints zu bewirken, die Methode OnRender(DrawingContext)
überschrieben werden. Listing 11.10 zeigt dies anhand eines Beispiels.
1 protected override void OnRender ( DrawingContext drawingContext )
2 {
3 // implement some new renderingMethod
4 }
Listing 11.10: Überschreiben der Methode OnRender(DrawingContext)
Natürlich kann so jede Methode, die DiagramPoint von FrameworkElement erbt, überschrieben
werden und es können auch Methoden, die FrameworkElement bereitstellt,
zur Darstellung weiterer Daten verwendet werden.
11.5.4 Layout verändern
Das Design des Diagramms wurde hauptsächlich mit Microsoft Expression Blend erstellt.
Aus diesem Grund empfiehlt sich die Benutzung des Tools bei weiteren Änderungen.
Das Diagramm besteht aus einigen Bereichen, deren Design einzeln anpassbar ist. Im
Folgenden werden beispielhafte Layout-Änderungen demonstriert: