| <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | |
| <title>GEF Documentation</title> | |
| <link rel="stylesheet" href="http://dev.eclipse.org/default_style.css" type="text/css"> | |
| </head> | |
| <body> | |
| <font class="indextop">documentation</font><br> | |
| <font class="indexsub">technical information for GEF developers </font> | |
| <p>This is the one-stop shop for documentation regarding Draw2d and GEF. There are | |
| several articles as well as other links available here that explain how GEF and | |
| Draw2d work. Apart from what's available here, the Javadocs for the Draw2d and GEF | |
| projects and the <a href="../developer/faq.html#install_doc">integrated help</a> | |
| in Eclipse are good sources of information. You can also check out the FAQs and | |
| Gotchas on our <a href="../main.html">main page</a> for more help.</p> | |
| <br> | |
| <table cellpadding="3" width="100%" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"> | |
| <tr> | |
| <td align="LEFT" valign="TOP" colspan="2" bgcolor="#0070A0"><b> | |
| <font face="Arial,Helvetica" color="#FFFFFF">Articles</font></b></td> | |
| </tr> | |
| <tr> | |
| <td colspan="2"> | |
| <p>The following articles have been written by the GEF Team or other members | |
| of the Eclipse community. Contributions are welcome and encouraged.</p> | |
| <ul> | |
| <li><b>Interested in writing an article?</b> See | |
| <a href="http://www.eclipse.org/articles/contributing.html" target="_top">how to | |
| contribute an article</a>.</li> | |
| <li>Have a request or idea, see <a href="#future">Future Articles</a>.</li> | |
| </ul> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td align=RIGHT valign=TOP> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border=0 height=16 width=16></td> | |
| <td><font face="arial,helvetica,geneva" size=-1><b> | |
| <a href="http://www.eclipse.org/articles/Article-GEF-EMF/gef-emf.html"> | |
| Using GEF with EMF</a></b> Chris Aniszczyk (IBM) June 8, 2005 | |
| <br> | |
| The Graphical Editing Framework (GEF) provides a framework for | |
| creating visual editors while being model agnostic. In most cases, people | |
| bring their own model which tend to be based on Plain Old Java Objects | |
| (POJOs). An alternative using POJOs is the Eclipse Modeling Framework | |
| (EMF), which provides many features for manipulating models that aren't | |
| found in POJOs. The purpose of this article is to build upon the shapes | |
| example provided by GEF using the Eclipse Modeling Framework (EMF) and to | |
| provide an introduction using EMF based models in GEF based editors. | |
| </font></td> | |
| </tr> | |
| <tr> | |
| <td align="RIGHT" valign="TOP"> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" height="16" width="16"></td> | |
| <td><font face="arial,helvetica,geneva" size="-1"><b> | |
| <a href="http://eclipse.org/articles/Article-GEF-diagram-editor/shape.html"> | |
| A Shape Diagram Editor</a></b> Bo Majewski (Cisco) December 8, 2004<br> | |
| Graphical Editing Framework (GEF) provides a powerful foundation for creating | |
| editors for visual editing of arbitrary models. Its effectiveness lies in | |
| a modular build, fitting use of design patterns, and decoupling of components | |
| that comprise a full, working editor. To a newcomer, the sheer number and | |
| variety of concepts and techniques present in GEF may feel intimidating. | |
| However, once learned and correctly used, they help to develop highly scalable | |
| and easy to maintain software. This article aims to provide a gentle yet | |
| comprehensive introduction to GEF. It describes a shape diagram editor - | |
| a small, fully functional test case of core concepts.</font></td> | |
| </tr> | |
| <tr> | |
| <td align="RIGHT" valign="TOP"> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" height="16" width="16"></td> | |
| <td><font face="arial,helvetica,geneva" size="-1"><b> | |
| <a href="http://eclipse.org/articles/Article-GEF-editor/gef-schema-editor.html"> | |
| Building a Database Schema Diagram Editor with GEF</a></b> Phil Zoio (Realsolve | |
| Solutions) September 27, 2004<br> | |
| GEF is a very powerful framework for visually creating and editing models. | |
| With a small initial investment, even the relative Eclipse novice can be | |
| quickly up and running, building applications with graphical editing capabilities. | |
| To illustrate, this article uses a relational database schema diagram editor | |
| with a deliberately simplified underlying model, but with enough bells and | |
| whistles to show some of the interesting features of GEF at work.</font></td> | |
| </tr> | |
| <tr> | |
| <td align="RIGHT" valign="TOP"> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" height="16" width="16"></td> | |
| <td><font face="arial,helvetica,geneva" size="-1"><b> | |
| <a href="http://eclipse.org/articles/Article-GEF-Draw2d/GEF-Draw2d.html"> | |
| Display a UML Diagram using Draw2D</a></b> Daniel Lee (IBM) August 25, 2003<br> | |
| The Graphical Editing Framework (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. This article focuses only on the use | |
| of Draw2D to render a simple UML class diagram. While Draw2D can be used | |
| for standalone purposes, it is not an editing framework. Most applications | |
| will use the GEF plug-in as the editing layer.</font></td> | |
| </tr> | |
| <tr> | |
| <td align="RIGHT" valign="TOP"> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" height="16" width="16"></td> | |
| <td><font face="arial,helvetica,geneva" size="-1"><b> | |
| <a href="http://eclipse.org/articles/Article-GEF-dnd/GEF-dnd.html">Using | |
| Native Drag and Drop with GEF</a></b> Eric Bordeau (IBM) August 25, 2003<br> | |
| Native drag and drop provides the ability to drag data from one GUI object | |
| to another GUI object, which could potentially be in another application. | |
| GEF allows access to the operating system's underlying drag and drop infrastructure | |
| through SWT. This article will provide an in-depth look at GEF's drag and | |
| drop functionality and show some simple examples of how to take advantage | |
| of this API.</font></td> | |
| </tr> | |
| <tr> | |
| <td align="RIGHT" valign="TOP"> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" height="16" width="16"></td> | |
| <td><font face="arial,helvetica,geneva" size="-1"><b> | |
| <a href="http://www-106.ibm.com/developerworks/opensource/library/os-gef/" target="_top"> | |
| Create an Eclipse-based Application using the Graphical Editing Framework</a></b> | |
| Randy Hudson (IBM) July 29, 2003<br> | |
| This article describes the initial steps involved in creating an Eclipse-based | |
| application using the Graphical Editing Framework (GEF). GEF has been used | |
| to build a variety of applications for Eclipse, including state diagrams, | |
| activity diagrams, class diagrams, GUI builders for AWT, Swing and SWT, | |
| and process flow editors. Eclipse and GEF are both open source technologies. | |
| They are also included in IBM's WebSphere Studio Workbench.</font></td> | |
| </tr> | |
| </table> | |
| | |
| <table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="table1"> | |
| <tr> | |
| <td bgcolor="#0070A0"><font color="#FFFFFF"><b><a name="external0">Miscellaneous</a></b></font></td> | |
| </tr> | |
| <tr> | |
| <td>Slides from <a href="http://www.eclipsecon.org/2005/">EclipseCon 2005</a> | |
| <ul> | |
| <li><a href="GEF%20Tutorial%202005.ppt">GEF In Depth</a> tutorial</li> | |
| <li><a href="EclipseCon2005-Session.ppt">The Graphical Editing Framework</a> session</li> | |
| </ul> | |
| </td> | |
| </tr> | |
| </table> | |
| | |
| <table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> | |
| <tr> | |
| <td colspan="3" bgcolor="#0070A0"><font color="#FFFFFF"><b> | |
| <a name="future">Future Articles</a></b></font></td> | |
| </tr> | |
| <tr> | |
| <td> </td> | |
| <td><b>Votes</b></td> | |
| <td><b>Abstract</b></td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td>2</td> | |
| <td><u>Coordinate Systems in Draw2D</u> – Randy Hudson (IBM)</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td></td> | |
| <td><u>Customizing the GEF Palette</u> – Pratik Shah (IBM)</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td></td> | |
| <td><u>Accessibility in GEF</u> – Pratik Shah (IBM)</td> | |
| </tr> | |
| <tr> | |
| <td> </td> | |
| <td> </td> | |
| <td><br> | |
| Submit additional ideas to the mailing list.</td> | |
| </tr> | |
| </table> | |
| <br> | |
| | |
| <table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> | |
| <tr> | |
| <td colspan="3" bgcolor="#0070A0"><font color="#FFFFFF"><b> | |
| <a name="external">External Links</a></b></font></td> | |
| </tr> | |
| <tr> | |
| <td colspan="3">The following are links to some external sites that provide | |
| more information about GEF. The GEF team does not verify all of the postings | |
| on these sites. Nevertheless, they are usually good sources of information. | |
| To report any other links that can go here, post a note on the GEF newsgroup.</td> | |
| </tr> | |
| <tr> | |
| <td> </td> | |
| <td><b>Link</b></td> | |
| <td><b>Information</b></td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td> | |
| <a href="http://publib-b.boulder.ibm.com/Redbooks.nsf/RedbookAbstracts/sg246302.html?OpenDocument"> | |
| IBM Redbook</a></td> | |
| <td>IBM's Redbook provides detailed information and walks you through creating | |
| a simple GEF-based plug-in.</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td><a href="http://eclipsewiki.editme.com/GEF">Eclipse Wiki</a></td> | |
| <td>Lots of good information here. In particular, the | |
| <a href="http://eclipsewiki.editme.com/GefDescription">GEF description</a>.</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td><a href="http://www.manning.com/scarpino">SWT/JFace In Action</a></td> | |
| <td>A book that can provide more information about Draw2d/GEF.</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td><a href="http://www13.plala.or.jp/observe/index.html#draw2d">Observe | |
| Eclipse</a></td> | |
| <td>This site has several Draw2d and GEF tutorials in Japanese.</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <img src="http://eclipse.org/articles/images/Adarrow.gif" border="0" width="16" height="16"></td> | |
| <td><a href="http://www.eclipseteam.de/wiki/bin/view/Public/EclipseGef"> | |
| eclipseteam</a></td> | |
| <td>Another site, this time in German.</td> | |
| </tr> | |
| </table> | |
| <p> </p> | |
| </body> | |
| </html> |