| <!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> |