GMF (Graphical Modeling Framework) Urs Frei

Transkript

1 GMF (Graphical Modeling Framework) Urs Frei 1

2 Inhalt GMF Beispiel Shape Editor Standardfunktionalitäten des GMF Editor Theorie GMF Draw2d GEF Über den Tellerrand blickend GEF3d Zest 2

3 Ziel: So einfach ist das!!! Vortrag soll beim selbständigen Einstieg helfen Brauche eine graphische Visualisierung Kein Problem Es geht alles 3

4 GMF am Beispiel eines Shape-Editors Anforderungen: Rechteck zeichnen Ellipse zeichnen Rechtecke und Ellipsen haben Namen Elemente mit Linien verbinden 4

5 Ausgangslage EMF (Michael & Laurent) EMF Modell für Shape Editor 5

6 GMF Übersicht GMF GEF (Graphical Editor Framework) Draw2d EMF Eclipse 6

7 GMF Dashboard EMF-Teil (Michael Laurent) 7

8 Der EMF Editor (RCP) Der Shape-Editor als EMF Editor RCP Konfiguration 8

9 EMF Editor generieren 9

10 Launch EMF Editor

11 Shape Editor mit EMF erstellen Für diese Anwendung nicht sehr komfortabel!!! 11

12 EMF was findet man wo? Modell Labelprovider Editor Projekt Wizard 12

13 Wir wollen mehr Graphischer Editor 13

14 Graphische Elemente Definieren 14

15 Editor Toolbar definieren 1/2 15

16 Editor Toolbar definieren 2/2 16

17 Mapping definieren 1/4 17

18 Mapping definieren 2/4 18

19 Mapping definieren 3/4 19

20 Mapping definieren 4/4 20

21 GMF gmfgen 21

22 Neues Plugin mit GMF Code Enthält alle GMF Informationen (GEF, draw2d) 22

23 GMF Launch konfigurieren

24 Shape Editor mit GMF erstellen 24

25 Was kann der Editor standardmässig? Outline Property-View (wie bei EMF) Kopieren/Einfügen über Zwischenablage (auch in andere Programme) Drucken von Diagrammen Algorithmen zum Anordnen von Elementen 25

26 Was kann der Editor standardmässig? (Properties) 26

27 Was kann der Editor standardmässig? (Preference) 27

28 Wo nimmt man folgende Anpassungen vor? Eine Ellipse soll eine Ellipse sein Symbolleiste: ein Bild anpassen Bsp.: falscher Shape wird gezeichnet. Wo ändern? 28

29 Ellipse anpassen 29

30 Symbolleiste anpassen 30

31 Falscher Shape wird gezeichnet: Wo ändern? 31

32 GMF: etwas genauer Besteht aus: GEF Draw2D EMF kennen wir 32

33 Draw2d: Übersicht Lightweight Toolkit Empfängt SWT Event und transformiert sie Paint und Layout Events über UpdateManager Alles ist Figure Bsp. Label usw. 33

34 Draw2d: Aufgaben Painting Layout Hit Testing Connection Routing Koordinaten-Systems 34

35 Draw2d: Painting, Layout Firgure#paint() Start des Zeichnens mit div. Optimierungen (Figure#paintFigure() Figure#paintChildrenArea() Figure#paintChildren() Figure#paintBorder()) Layout 35

36 Draw2d: Z-Order, Clipping 36

37 Draw2d: Connections Bsp: ChopboxAnchor Decorations 37

38 GEF: Übersicht 38

39 GEF: EditPart (Controller) 39

40 GEF: Editing 1. Mausevent 2. Welcher EditPart ist betroffen (source EditPart) 3. Welcher Ziel (target EditPart) ist betroffen Bsp.: Element verschieben. Source RectangleEditPart; Target DiagramEditPart 4. Gibt es ein Command zu dieser Operation? Ist es ausführbar? 5. Modell ändern. 40

41 GEF: EditPolicies Änderungen erfolgen nicht direkt über EditParts, sondern über EditPolicies Ein EditPolicy hat eine Verantwortlichkeit Anmeldung der EditPolicies über Rollen Command führt dann Änderung durch undo redo 41

42 GMF: Und wozu braucht man noch das GMF? Vereint EMF und GEF Zwei Hauptkomponenten Runtime Tooling Komponente für MDA Ansatz MDA Ansatz vereinfacht Erstellung graphischer Editoren (Problem von GEF) 42

43 Über den Tellerrand blickend GEF 3d Noch kein Release Mehrere Dimensionen Inter-Diagram- Verbindungen 43

44 Über den Tellerrand blickend GEF3d Erweitert GEF Jeder GEF Editor sollte erweiterbar sein 44

45 Über den Tellerrand blickend Zest: Eclipse Visualisierungs- Toolkit Unterprojekt von GEF Verfolgt JFace-Ansatz (Contentprovider, Labelprovider) Vorgefertigte Komponenten für Graph GraphNode GraphConnection GraphContainer 45

46 Über den Tellerrand blickend Zest Vorgefertigte Layoutalgos Wer Eclipse (JFace) beherrscht kann Zest 46

47 Referenzen Eclipse Modeling Framework EMF (Michael und Laurent) GMF-Tutorial: Eclipse Magazine Vol. 8 Vol Vol Vol