|  |
 |  |
| |
 |
 |
|
Mastering the Graphical Editing Framework (GEF) |
|
Duration:
3 Days |
|
|
This course is intended for Java developers who already have experience with user interfaces
and want to learn how to build advanced graphical applications using GEF and Draw2d for
the Eclipse platform
| |
Attendees must be proficient in Java, graphical user interface programming and
should be familiar with the eclipse framework.
|
|
|
Description
|
The Graphical Editing Framework (GEF) is an open source framework that provides
a visually rich, consistent graphical editing environment for developing
applications on the Eclipse Platform. GEF has been used to build a variety of
applications, including state diagrams, activity diagrams, class diagrams, GUI
builders for AWT, Swing and SWT, and process flow editors.
GEF ships with a painting and layout plug-in called Draw2d. Draw2d provides
figures and layout managers which form the graphical layer of a GEF application.
Draw2d provides lightweight rendering and layout capabilities on an SWT Canvas.
Figures, Layout Managers, and Borders can be combined and nested to create more
complex figures to suit just about any application.
This 3-day course covers everything you need to design, develop and deploy rich
grpahical applications using GEf for the eclipse platform.
This course is very hands-on and labs constitute 50% of the course.
|
|
Objectives
|
Upon completion of this course, attendees will be able to:
- Use the Draw2d API
- Implement advanced and visually rich graphical editors using GEF
- Understand the GEF component architecture
- Use MVC in designing GEF-based applications
|
|
Course Outline
|
GEF - Overview
- The Big picture - Why and What of GEF
- Architecture - Identifying the key components
- Model View Controller (MVC) and GEF
- Anatomy of a GEF application
- Installation and configuration
Draw2d
- Architecture and Component Model
- The LightWeightSystem
- Draw2d Shapes and Widgets
- Painting
- Layout
- Draw2d Event Model
- Hit Testing
- Connections and Routing
- Coordinate System
GEF - A Detailed Look
- Applying MVC in GEF
- Attaching an in-memory model
- Creating a custom model
- Implementing a view
- The EditPart as controller
- Implementing a complete graphical editor
| |
GEF Controllers
- The EditPart API
- The EditPart lifecycle
- Event notification model
- The EditDomain object
- The PaletteViewer object
- EditPolicies
- Tools
- Request
- Feedback
- Using the Command pattern
- Create graphical views with ScrollingGraphicalViewer
GEF Interactions
- Action invocation
- Mouse Clicks
- Drag and Drop
- Hover
- Keyboard input
Wiring Components in GEF
- Connections
- The Polyline class
- The Connection interface
- The ConnectionAnchor interface
- The ConnectionRouter interface
- The ConnectionLayer class
- The PolylineConnection class
- The AbstractConnectionEditPart
- The NodeEditPart
- Maintain connections in the model
- Creating and editing Connections
- Bendpoints
|
|
|
|