GEF Tutorials

Creating an EMF and GEF based OPM Editor: the tutorial shows, step by step, how to create a graphical editor based on the Eclipse Modeling Framework (EMF) and the Graphical Modeling Framework (GEF).

  1. Creating a GEF editor – Part 1: Defining the Model
  2. Creating a GEF Editor – Part 2: EMF Code Generation
  3. Creating a GEF Editor – Part 3: Basic GEF Editor
  4. Creating a GEF Editor – Part 4: Showing the Model on the Editor
  5. Creating a GEF Editor – Part 5: Loading the Model from an EMF File
  6. Creating a GEF Editor – Part 6: Model Refactoring and Editing Diagram Entities
  7. Creating a GEF Editor – Part 7: Moving Elements and Direct Editing
  8. Creating a GEF Editor – Part 8: Delete, Undo and Redo
  9. Creating a GEF Editor – Part 9: Connections
  10. Creating a GEF Editor – Part 10: Deleting Connections and Fixing of Thing Delete Command
  11. Creating a GEF Editor – Part 11: Creating Link Bendpoints
  12. Creating a GEF Editor – Part 12: Enable Save Action on the Editor
  13. Creating an OPM GEF Editor – Part 13: Adding Procedural Links
  14. Creating an OPM GEF Editor – Part 14: Refactoring, Refactoring and More Refactoring
  15. Creating an OPM GEF Editor – Part 15: Adding Structural Link
  16. Creating an OPM GEF Editor – Part 16: Displaying EMF Properties in a GEF Editor
  17. Creating an OPM GEF Editor – Part 17: How to Define Container Edit Parts
  18. Creating an OPM GEF Editor – Part 18: Snapping to Grid and to Geometry
  19. Creating an OPM GEF Editor – Part 19: Displaying Tooltips
  20. Creating an OPM GEF Editor – Part 20: Creating a Context Menu and Adding Custom Actions
  21. Creating an OPM GEF Editor – Part 21: Adding Keyboard Shortcuts
  22. Creating an OPM GEF Editor – Part 22: Enabling Select-All Action in a GEF Editor
  23. Creating an OPM GEF Editor – Part 23: Drag & Drop from the Palette
  24. Creating an OPM GEF Editor – Part 24: Showing Feedback to the User
  25. Creating an OPM GEF Editor – Part 25: “Smart” Multi-line Text Figure

Some investigative work on how GEF works:

  1. GEF Internals Part 1 – Mouse Interaction and the Selection Tool
  2. GEF Internals Part 2 – Mouse Interaction and the Creation Tool

GEF EditPolicy Reference Card

Eclipse Draw2d Layouts Reference Card

Short introductory tutorial to GEF given at JJTV meetup.