Jump to: navigation, search


< GEF‎ | GEF4
Revision as of 07:56, 4 September 2012 by Matthias.wienand.itemis.de (Talk | contribs)

Note to non-wiki readers: This documentation is generated from the Eclipse wiki - if you have corrections or additions it would be awesome if you added them in the original wiki page.


The GEF 4 Graphics component provides a level of abstraction over different drawing toolkits. At the moment, SWT and AWT backends are in development. Its goal is to be as complete as possible, i.e. you should have access to all the functionality that you have access to when working directly with one of the underlying drawing toolkits. Of course, this is not always viable, but rather the greatest common divisor of the underlying drawing toolkits is accessible via the abstraction layer.


The heart of the GEF 4 Graphics component is the IGraphics interface. Normally, you will be handed over an IGraphics to accomplish your displaying tasks by a surrounding framework, but it can be used stand-alone, too. Thereto, you have to create a specific IGraphics implementation. Let us consider the following SWT example:

package org.eclipse.gef4.graphics.examples;
import org.eclipse.gef4.geometry.planar.Ellipse;
import org.eclipse.gef4.graphics.Color;
import org.eclipse.gef4.graphics.IGraphics;
import org.eclipse.gef4.graphics.swt.DisplayGraphics;
import org.eclipse.swt.SWT;
import org.eclipse.swt.events.PaintEvent;
import org.eclipse.swt.events.PaintListener;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;
public class SWTGraphicsExample implements PaintListener {
	public static void main(String[] args) {
		new SWTGraphicsExample("GEF 4 Graphics - SWT");
	public SWTGraphicsExample(String title) {
		Display display = new Display();
		Shell shell = new Shell(display, SWT.SHELL_TRIM | SWT.DOUBLE_BUFFERED);
		shell.setBounds(0, 0, 640, 480);
		while (!shell.isDisposed()) {
			if (!display.readAndDispatch()) {
	public void paintControl(PaintEvent e) {
		DisplayGraphics g = new DisplayGraphics(e.gc);
	public void renderScene(IGraphics g) {
		g.fillProperties().setColor(new Color(255, 0, 0, 255));
		g.fill(new Ellipse(50, 50, 350, 200));

As you can see in this example, the DisplayGraphics is an IGraphics implementation. It can be constructed via a SWT GC which is passed-in to the paintControl() event handler. The renderScene() method does not know anything about the actual IGraphics implemention that is used. That's why we do not need to adjust our rendering code when switching to AWT, for example. You may wonder why we have to call the cleanUp() method on the DisplayGraphics. In the case of SWT, this is necessary to fully free the system resources that will be allocated during the rendering process. But let us concentrate on the renderScene() method.

There are two important things to notice:

  1. A set of property groups exists which control the state of the IGraphics. In the example, the color attribute of the fillProperties is set to a fully opaque red. This will affect any fill() operation on our IGraphics.
  2. The GEF 4 Geometry component is integrated into the IGraphics interface, so that we can easily display geometry objects.

Properties & Drawing Operations

There are four different drawing operations available on an IGraphics: draw(), fill(), write(), and blit(). Correspondingly, you can get the active drawProperties(), fillProperties(), writeProperties(), and blitProperties() out of an IGraphics. They are mutable, so that changing their attributes directly affects the next operation. Additionally, the canvasProperties() are used to control global IGraphics settings, such as the current drawing position.

  • draw()
    The IGraphics#draw(ICurve) and IGraphics#draw(Path) methods will draw the (contour of the) passed-in geometry object. For a reference of all available geometry objects, take a look at the GEF 4 Geometry component (GEF/GEF4/Geometry).
  • fill()
    The IGraphics#fill(IShape), IGraphics#fill(IMultiShape), and IGraphics#fill(Path) methods will fill the interior of the passed-in geometry object. For a reference of all available geometry objects, take a look at the GEF 4 Geometry component (GEF/GEF4/Geometry).
  • blit()
    The IGraphics#blit(Image) method will display the passed-in Image object.
  • write()
    The IGraphics#write(String) method will display the passed-in String object.


State Control

... pushState() ... popState() ...

Other IGraphics Implementations

Extension Mechanisms