불친절한자수씨

초큼 복잡하기 때문에 순서를 정해서 처리를 해보겠습니다.
  - ActionBarContributor 에 액션과 메뉴에 등록
  - Ruler 관련 클래스 추가 (RulerProvider, Ruler, Guide)
  - Guide 관련 command 추가
  - ElementBase 에 Guide 관련 변수와 getter/setter 추가
  - GraphicalEditor 에 Ruler 를 설정
  - ElementEditLayoutPolicy 에 guide 관련 사항 수정
  - BodyElementPart 에 Adapter 설정

ActionBarContributor 수정
retargetAction 을 추가하고 메뉴바에 사용여부를 설정하는 것을 추가합니다.
public class FormWizardEditorActionBarContributor extends ActionBarContributor { @Override protected void buildActions() { ... addRetargetAction(new RetargetAction( GEFActionConstants.TOGGLE_RULER_VISIBILITY, GEFMessages.ToggleRulerVisibility_Label, IAction.AS_CHECK_BOX)); } ... @Override public void contributeToMenu(IMenuManager menuManager) { super.contributeToMenu(menuManager); MenuManager viewMenu = new MenuManager("View"); viewMenu.add(getAction(GEFActionConstants.TOGGLE_RULER_VISIBILITY)); } ... }


Ruler 관련 클래스의 추가
Logic 이라는 GEF 예제에서 가지고 왔습니다.
package kr.co.vicki.formwizard.rulers; import java.beans.PropertyChangeListener; import java.beans.PropertyChangeSupport; import java.io.Serializable; import java.util.Hashtable; import java.util.Map; import java.util.Set; import kr.co.vicki.formwizard.model.ElementBase; import org.eclipse.gef.EditPart; import org.eclipse.gef.requests.ChangeBoundsRequest; public class ElementGuide implements Serializable { /** * Property used to notify listeners when the parts attached to a guide are * changed */ public static final String PROPERTY_CHILDREN = "subparts changed"; /** * Property used to notify listeners when the guide is re-positioned */ public static final String PROPERTY_POSITION = "position changed"; static final long serialVersionUID = 1; protected PropertyChangeSupport listeners = new PropertyChangeSupport(this); private Map map; private int position; private boolean horizontal; /** * Empty default constructor */ public ElementGuide() { // empty constructor } /** * Constructor * * @param isHorizontal * <code>true</code> if the guide is horizontal (i.e., placed on * a vertical ruler) */ public ElementGuide(boolean isHorizontal) { setHorizontal(isHorizontal); } /** * @see PropertyChangeSupport#addPropertyChangeListener(java.beans.PropertyChangeListener) */ public void addPropertyChangeListener(PropertyChangeListener listener) { listeners.addPropertyChangeListener(listener); } /* * @TODO:Pratik use PositionConstants here */ /** * Attaches the given part along the given edge to this guide. The * LogicSubpart is also updated to reflect this attachment. * * @param part * The part that is to be attached to this guide; if the part is * already attached, its alignment is updated * @param alignment * -1 is left or top; 0, center; 1, right or bottom */ public void attachElement(ElementBase element, int alignment) { if (getMap().containsKey(element) && getAlignment(element) == alignment) return; getMap().put(element, alignment); ElementGuide parent = isHorizontal() ? element.getHorizontalGuide() : element .getVerticalGuide(); if (parent != null && parent != this) { parent.detachElement(element); } if (isHorizontal()) { element.setHorizontalGuide(this); } else { element.setVerticalGuide(this); } listeners.firePropertyChange(PROPERTY_CHILDREN, null, element); } /** * Detaches the given part from this guide. The LogicSubpart is also updated * to reflect this change. * * @param part * the part that is to be detached from this guide */ public void detachElement(ElementBase element) { if (getMap().containsKey(element)) { getMap().remove(element); if (isHorizontal()) { element.setHorizontalGuide(null); } else { element.setVerticalGuide(null); } listeners.firePropertyChange(PROPERTY_CHILDREN, null, element); } } /** * This methods returns the edge along which the given part is attached to * this guide. This information is used by * {@link org.eclipse.gef.examples.logicdesigner.edit.LogicXYLayoutEditPolicy * LogicXYLayoutEditPolicy} to determine whether to attach or detach a part * from a guide during resize operations. * * @param part * The part whose alignment has to be found * @return an int representing the edge along which the given part is * attached to this guide; 1 is bottom or right; 0, center; -1, top * or left; -2 if the part is not attached to this guide * @see org.eclipse.gef.examples.logicdesigner.edit.LogicXYLayoutEditPolicy#createChangeConstraintCommand(ChangeBoundsRequest, * EditPart, Object) */ public int getAlignment(ElementBase element) { if (getMap().get(element) != null) return ((Integer) getMap().get(element)).intValue(); return -2; } /** * @return The Map containing all the parts attached to this guide, and * their alignments; the keys are LogicSubparts and values are * Integers */ public Map getMap() { if (map == null) { map = new Hashtable(); } return map; } /** * @return the set of all the parts attached to this guide; a set is used * because a part can only be attached to a guide along one edge. */ public Set getParts() { return getMap().keySet(); } /** * @return the position/location of the guide (in pixels) */ public int getPosition() { return position; } /** * @return <code>true</code> if the guide is horizontal (i.e., placed on a * vertical ruler) */ public boolean isHorizontal() { return horizontal; } /** * @see PropertyChangeSupport#removePropertyChangeListener(java.beans.PropertyChangeListener) */ public void removePropertyChangeListener(PropertyChangeListener listener) { listeners.removePropertyChangeListener(listener); } /** * Sets the orientation of the guide * * @param isHorizontal * <code>true</code> if this guide is to be placed on a vertical * ruler */ public void setHorizontal(boolean isHorizontal) { horizontal = isHorizontal; } /** * Sets the location of the guide * * @param offset * The location of the guide (in pixels) */ public void setPosition(int offset) { if (position != offset) { int oldValue = position; position = offset; listeners.firePropertyChange(PROPERTY_POSITION, new Integer( oldValue), new Integer(position)); } } }
package kr.co.vicki.formwizard.rulers; import java.beans.PropertyChangeListener; import java.beans.PropertyChangeSupport; import java.io.Serializable; import java.util.ArrayList; import java.util.List; import org.eclipse.gef.rulers.RulerProvider; public class ElementRuler implements Serializable { public static final String PROPERTY_CHILDREN = "children changed"; public static final String PROPERTY_UNIT = "units changed"; static final long serialVersionUID = 1; protected PropertyChangeSupport listeners = new PropertyChangeSupport(this); private int unit; private boolean horizontal; private List guides = new ArrayList(); public ElementRuler(boolean isHorizontal) { this(isHorizontal, RulerProvider.UNIT_PIXELS); } public ElementRuler(boolean isHorizontal, int unit) { horizontal = isHorizontal; setUnit(unit); } public void addGuide(ElementGuide guide) { if (!guides.contains(guide)) { guide.setHorizontal(!isHorizontal()); guides.add(guide); listeners.firePropertyChange(PROPERTY_CHILDREN, null, guide); } } public void addPropertyChangeListener(PropertyChangeListener listener) { listeners.addPropertyChangeListener(listener); } // the returned list should not be modified public List getGuides() { return guides; } public int getUnit() { return unit; } public boolean isHidden() { return false; } public boolean isHorizontal() { return horizontal; } public void removeGuide(ElementGuide guide) { if (guides.remove(guide)) { listeners.firePropertyChange(PROPERTY_CHILDREN, null, guide); } } public void removePropertyChangeListener(PropertyChangeListener listener) { listeners.removePropertyChangeListener(listener); } public void setHidden(boolean isHidden) { } public void setUnit(int newUnit) { if (unit != newUnit) { int oldUnit = unit; unit = newUnit; listeners.firePropertyChange(PROPERTY_UNIT, oldUnit, newUnit); } } }
package kr.co.vicki.formwizard.rulers; import java.beans.PropertyChangeEvent; import java.beans.PropertyChangeListener; import java.util.ArrayList; import java.util.List; import kr.co.vicki.formwizard.rulers.commands.CreateGuideCommand; import kr.co.vicki.formwizard.rulers.commands.DeleteGuideCommand; import kr.co.vicki.formwizard.rulers.commands.MoveGuideCommand; import org.eclipse.gef.commands.Command; import org.eclipse.gef.rulers.RulerChangeListener; import org.eclipse.gef.rulers.RulerProvider; public class ElementRulerProvider extends RulerProvider { private ElementRuler ruler; private PropertyChangeListener rulerListener = new PropertyChangeListener() { public void propertyChange(PropertyChangeEvent evt) { if (evt.getPropertyName().equals(ElementRuler.PROPERTY_CHILDREN)) { ElementGuide guide = (ElementGuide) evt.getNewValue(); if (getGuides().contains(guide)) { guide.addPropertyChangeListener(guideListener); } else { guide.removePropertyChangeListener(guideListener); } for (int i = 0; i < listeners.size(); i++) { ((RulerChangeListener) listeners.get(i)) .notifyGuideReparented(guide); } } else { for (int i = 0; i < listeners.size(); i++) { ((RulerChangeListener) listeners.get(i)) .notifyUnitsChanged(ruler.getUnit()); } } } }; private PropertyChangeListener guideListener = new PropertyChangeListener() { public void propertyChange(PropertyChangeEvent evt) { if (evt.getPropertyName().equals(ElementGuide.PROPERTY_CHILDREN)) { for (int i = 0; i < listeners.size(); i++) { ((RulerChangeListener) listeners.get(i)) .notifyPartAttachmentChanged(evt.getNewValue(), evt .getSource()); } } else { for (int i = 0; i < listeners.size(); i++) { ((RulerChangeListener) listeners.get(i)) .notifyGuideMoved(evt.getSource()); } } } }; public ElementRulerProvider(ElementRuler ruler) { this.ruler = ruler; this.ruler.addPropertyChangeListener(rulerListener); List guides = getGuides(); for (int i = 0; i < guides.size(); i++) { ((ElementGuide) guides.get(i)) .addPropertyChangeListener(guideListener); } } public List getAttachedModelObjects(Object guide) { return new ArrayList(((ElementGuide) guide).getParts()); } public Command getCreateGuideCommand(int position) { return new CreateGuideCommand(ruler, position); } public Command getDeleteGuideCommand(Object guide) { return new DeleteGuideCommand((ElementGuide) guide, ruler); } public Command getMoveGuideCommand(Object guide, int pDelta) { return new MoveGuideCommand((ElementGuide) guide, pDelta); } public int[] getGuidePositions() { List guides = getGuides(); int[] result = new int[guides.size()]; for (int i = 0; i < guides.size(); i++) { result[i] = ((ElementGuide) guides.get(i)).getPosition(); } return result; } public Object getRuler() { return ruler; } public int getUnit() { return ruler.getUnit(); } public void setUnit(int newUnit) { ruler.setUnit(newUnit); } public int getGuidePosition(Object guide) { return ((ElementGuide) guide).getPosition(); } public List getGuides() { return ruler.getGuides(); } }


GuideCommands 추가
예제에서 가져온거라 머라 딱히 설명이 힘드네요;;;
package kr.co.vicki.formwizard.rulers.commands; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.rulers.ElementGuide; import org.eclipse.gef.commands.Command; public class ChangeGuideCommand extends Command { private ElementBase element; private ElementGuide oldGuide, newGuide; private int oldAlign, newAlign; private boolean horizontal; public ChangeGuideCommand(ElementBase element, boolean horizontalGuide) { super(); this.element = element; horizontal = horizontalGuide; } protected void changeGuide(ElementGuide oldGuide, ElementGuide newGuide, int newAlignment) { if (oldGuide != null && oldGuide != newGuide) { oldGuide.detachElement(element); } // You need to re-attach the part even if the oldGuide and the newGuide // are the same // because the alignment could have changed if (newGuide != null) { newGuide.attachElement(element, newAlignment); } } public void execute() { // Cache the old values oldGuide = horizontal ? element.getHorizontalGuide() : element .getVerticalGuide(); if (oldGuide != null) oldAlign = oldGuide.getAlignment(element); redo(); } public void redo() { changeGuide(oldGuide, newGuide, newAlign); } public void setNewGuide(ElementGuide guide, int alignment) { newGuide = guide; newAlign = alignment; } public void undo() { changeGuide(newGuide, oldGuide, oldAlign); } }
package kr.co.vicki.formwizard.rulers.commands; import kr.co.vicki.formwizard.rulers.ElementGuide; import kr.co.vicki.formwizard.rulers.ElementRuler; import org.eclipse.gef.commands.Command; public class CreateGuideCommand extends Command { private ElementGuide guide; private ElementRuler parent; private int position; public CreateGuideCommand(ElementRuler parent, int position) { super("Create guide"); this.parent = parent; this.position = position; } public boolean canUndo() { return true; } public void execute() { if (guide == null) guide = new ElementGuide(!parent.isHorizontal()); guide.setPosition(position); parent.addGuide(guide); } public void undo() { parent.removeGuide(guide); } }
package kr.co.vicki.formwizard.rulers.commands; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.rulers.ElementGuide; import kr.co.vicki.formwizard.rulers.ElementRuler; import org.eclipse.gef.commands.Command; public class DeleteGuideCommand extends Command { private ElementRuler parent; private ElementGuide guide; private Map oldParts; public DeleteGuideCommand(ElementGuide guide, ElementRuler parent) { super("Delete guide"); this.guide = guide; this.parent = parent; } public boolean canUndo() { return true; } public void execute() { oldParts = new HashMap(guide.getMap()); Iterator iter = oldParts.keySet().iterator(); while (iter.hasNext()) { guide.detachElement((ElementBase) iter.next()); } parent.removeGuide(guide); } public void undo() { parent.addGuide(guide); Iterator iter = oldParts.keySet().iterator(); while (iter.hasNext()) { ElementBase element = (ElementBase) iter.next(); guide.attachElement(element, ((Integer) oldParts.get(element)).intValue()); } } }
package kr.co.vicki.formwizard.rulers.commands; import java.util.Iterator; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.rulers.ElementGuide; import org.eclipse.draw2d.geometry.Rectangle; import org.eclipse.gef.commands.Command; public class MoveGuideCommand extends Command { private int pDelta; private ElementGuide guide; public MoveGuideCommand(ElementGuide guide, int positionDelta) { super("Move guide"); this.guide = guide; pDelta = positionDelta; } public void execute() { guide.setPosition(guide.getPosition() + pDelta); Iterator iter = guide.getParts().iterator(); while (iter.hasNext()) { ElementBase element = (ElementBase) iter.next(); Rectangle layout = element.getLayout().getCopy(); if (guide.isHorizontal()) { layout.y += pDelta; } else { layout.x += pDelta; } element.setLayout(layout); } } public void undo() { guide.setPosition(guide.getPosition() - pDelta); Iterator iter = guide.getParts().iterator(); while (iter.hasNext()) { ElementBase element = (ElementBase) iter.next(); Rectangle layout = element.getLayout().getCopy(); if (guide.isHorizontal()) { layout.y -= pDelta; } else { layout.x -= pDelta; } element.setLayout(layout); } } }



ElementBase 수정
위의 클래스에서 오류가 나는 부분이 있는데 수평, 수직 guide 와 관련된 변수를 추가합니다.
public class ElementBase implements IAdaptable { ... private ElementGuide verticalGuide, horizontalGuide; ... public ElementGuide getVerticalGuide() { return verticalGuide; } public void setVerticalGuide(ElementGuide verticalGuide) { this.verticalGuide = verticalGuide; } public ElementGuide getHorizontalGuide() { return horizontalGuide; } public void setHorizontalGuide(ElementGuide horizontalGuide) { this.horizontalGuide = horizontalGuide; } }



GraphicalEditor 수정 - Ruler 설정
public class FormWizardEditor extends GraphicalEditorWithFlyoutPalette { ... private RulerComposite rulerComp; ... @Override protected void createGraphicalViewer(Composite parent) { rulerComp = new RulerComposite(parent, SWT.NONE); super.createGraphicalViewer(rulerComp); rulerComp.setGraphicalViewer((ScrollingGraphicalViewer)getGraphicalViewer()); } @Override protected Control getGraphicalControl() { return rulerComp; } ... @Override protected void configureGraphicalViewer() { ... configureRuler(); } private void configureRuler() { GraphicalViewer viewer = getGraphicalViewer(); viewer.setProperty(RulerProvider.PROPERTY_VERTICAL_RULER, new ElementRulerProvider(new ElementRuler(false))); viewer.setProperty(RulerProvider.PROPERTY_HORIZONTAL_RULER, new ElementRulerProvider(new ElementRuler(true))); viewer.setProperty(RulerProvider.PROPERTY_RULER_VISIBILITY, true); IAction action = new ToggleRulerVisibilityAction(getGraphicalViewer()); getActionRegistry().registerAction(action); } ... }



EditLayoutPolicy 수정
public class ElementEditLayoutPolicy extends XYLayoutEditPolicy { @Override protected Command createChangeConstraintCommand(EditPart child, Object constraint) { return null; } @Override protected Command createChangeConstraintCommand( ChangeBoundsRequest request, EditPart child, Object constraint) { ElementChangeLayoutCommand command = new ElementChangeLayoutCommand(); ElementBase element = (ElementBase) child.getModel(); command.setModel(child.getModel()); command.setConstraint((Rectangle) constraint); Command result = command; if ((request.getResizeDirection() & PositionConstants.NORTH_SOUTH) != 0) { Integer guidePos = (Integer) request.getExtendedData().get(SnapToGuides.KEY_HORIZONTAL_GUIDE); if (guidePos != null) { result = chainGuideAttachmentCommand(request, model, result, true); } else if (model.getHorizontalGuide() != null) { int alignment = model.getHorizontalGuide().getAlignment(model); int edgeBeingResized = 0; if ((request.getResizeDirection() & PositionConstants.NORTH) != 0) edgeBeingResized = -1; else edgeBeingResized = 1; if (alignment == edgeBeingResized) result = result.chain(new ChangeGuideCommand(model, true)); } } if ((request.getResizeDirection() & PositionConstants.EAST_WEST) != 0) { Integer guidePos = (Integer)request.getExtendedData() .get(SnapToGuides.KEY_VERTICAL_GUIDE); if (guidePos != null) { result = chainGuideAttachmentCommand(request, element, result, false); } else if (element.getVerticalGuide() != null) { int alignment = element.getVerticalGuide().getAlignment(element); int edgeBeingResized = 0; if ((request.getResizeDirection() & PositionConstants.WEST) != 0) edgeBeingResized = -1; else edgeBeingResized = 1; if (alignment == edgeBeingResized) result = result.chain(new ChangeGuideCommand(element, false)); } } if (request.getType().equals(REQ_MOVE_CHILDREN) || request.getType().equals(REQ_ALIGN_CHILDREN)) { result = chainGuideAttachmentCommand(request, element, result, true); result = chainGuideAttachmentCommand(request, element, result, false); result = chainGuideDetachmentCommand(request, element, result, true); result = chainGuideDetachmentCommand(request, element, result, false); } return result; } protected Command chainGuideAttachmentCommand( Request request, ElementBase element, Command cmd, boolean horizontal) { Command result = cmd; // Attach to guide, if one is given Integer guidePos = (Integer)request.getExtendedData() .get(horizontal ? SnapToGuides.KEY_HORIZONTAL_GUIDE : SnapToGuides.KEY_VERTICAL_GUIDE); if (guidePos != null) { int alignment = ((Integer)request.getExtendedData() .get(horizontal ? SnapToGuides.KEY_HORIZONTAL_ANCHOR : SnapToGuides.KEY_VERTICAL_ANCHOR)).intValue(); ChangeGuideCommand cgm = new ChangeGuideCommand(element, horizontal); cgm.setNewGuide(findGuideAt(guidePos.intValue(), horizontal), alignment); result = result.chain(cgm); } return result; } protected Command chainGuideDetachmentCommand(Request request, ElementBase element, Command cmd, boolean horizontal) { Command result = cmd; // Detach from guide, if none is given Integer guidePos = (Integer)request.getExtendedData() .get(horizontal ? SnapToGuides.KEY_HORIZONTAL_GUIDE : SnapToGuides.KEY_VERTICAL_GUIDE); if (guidePos == null) result = result.chain(new ChangeGuideCommand(element, horizontal)); return result; } protected ElementGuide findGuideAt(int pos, boolean horizontal) { RulerProvider provider = ((RulerProvider)getHost().getViewer().getProperty( horizontal ? RulerProvider.PROPERTY_VERTICAL_RULER : RulerProvider.PROPERTY_HORIZONTAL_RULER)); return (ElementGuide) provider.getGuideAt(pos); } ... }



BodyElementPart 수정
public class BodyElementPart extends ElementPartBase { ... @Override public Object getAdapter(Class key) { if (key == SnapToHelper.class) { List<SnapToHelper> snaps = new ArrayList<SnapToHelper>(); Boolean b = (Boolean)getViewer().getProperty(RulerProvider.PROPERTY_RULER_VISIBILITY); if (b != null && b) snaps.add(new SnapToGuides(this)); if (snaps.size() == 0) return null; if (snaps.size() == 1) return snaps.get(0); SnapToHelper[] ss = snaps.toArray(new SnapToHelper[0]); return new CompoundSnapToHelper(ss); } return super.getAdapter(key); } }



복잡하고도 난해한 부분이었습니다. 나중에 실력이 좀 늘면 정확하게 하나하나씩 따져봐야겠네요~

Palette 를 추가하기 위해서는 우리가 지금까지 만들어온 GraphicalEditor 의 부모 클래스를 바꾸어주는 것으로 간단하게 변경이 가능합니다.

GraphicalEditorWithPalette 와 GraphicalEditorWithFlyoutPalette 의 두 가지의 파레트 지원 그래피컬에디터가 있습니다.
전자는 항상 화면에 보여지고 후자는 숨김 기능이 추가되어 있습니다. 저는 후자를 사용할 것입니다.

그럼 수정해볼까요??
public class FormWizardEditor extends GraphicalEditorWithFlyoutPalette { ... @Override protected PaletteRoot getPaletteRoot() { PaletteRoot root = new PaletteRoot(); PaletteGroup controlGroup = new PaletteGroup("Control"); root.add(controlGroup); SelectionToolEntry selectionToolEntry = new SelectionToolEntry(); controlGroup.add(selectionToolEntry); controlGroup.add(new MarqueeToolEntry()); PaletteDrawer elementDrawer = new PaletteDrawer("Element", ImageDescriptor.createFromFile(FormWizardEditor.class, "icons/simpleelement.png")); elementDrawer.add(new CreationToolEntry("Simple Element", "Create simple element.", new ElementCreationFactory(SimpleElement.class), ImageDescriptor.createFromFile(FormWizardEditor.class, "icons/simpleelement.png"), ImageDescriptor.createFromFile(FormWizardEditor.class, "icons/simpleelement.png"))); root.add(elementDrawer); root.setDefaultEntry(selectionToolEntry); root.setVisible(true); return root; } }

PaletteRoot 객체에 PaletteGroup 과 PaletteDrawer 들을 추가할 수 있습니다.
전자는 항상 화면에 보여지는 것이고 후자는 숨길 수 있다는 것이 차이점입니다.
두 가지 다 PaletteEntry 를 자식요소로 갖게 됩니다.

그냥 위의 소스를 적용하게 되면 오류가 나겠죠? 처음 보는 클래스가 하나 보입니다.
바로 추가 들어갑니다.
package kr.co.vicki.formwizard.model; import org.eclipse.gef.requests.CreationFactory; public class ElementCreationFactory implements CreationFactory { private Class<?> template; public ElementCreationFactory(Class<?> template) { this.template = template; } @Override public Object getNewObject() { if (template == null) return null; if (template == SimpleElement.class) { return new SimpleElement(); } return null; } @Override public Object getObjectType() { return template; } }
위의 클래스가 하는 일은 생성을 담당하는 클래스입니다~


엘리먼트를 생성하려면 지시할 놈이 필요합니다. Command 를 추가합니다.
package kr.co.vicki.formwizard.model.commands; import kr.co.vicki.formwizard.model.BodyElement; import kr.co.vicki.formwizard.model.SimpleElement; import org.eclipse.draw2d.geometry.Rectangle; import org.eclipse.gef.commands.Command; public class SimpleElementCreateCommand extends Command { private BodyElement parent; private SimpleElement element; public void setParent(Object parent) { if (parent instanceof BodyElement) this.parent = (BodyElement) parent; } public void setElement(Object element) { if (element instanceof SimpleElement) this.element = (SimpleElement) element; } public void setLayout(Rectangle rect) { if (element == null) return; element.setLayout(rect); } @Override public boolean canExecute() { if (element == null || parent == null) return false; return true; } @Override public void execute() { parent.addChlid(element); } @Override public boolean canUndo() { if (element == null || parent == null) return false; return parent.contains(element); } @Override public void undo() { parent.removeChild(element); } }
물론 이 소스도 마찬가지로 똑같이 적용하게 되면 오류가 발생합니다. ElementBase 가 contains() 메소드가 없으므로... 추가합니다.
public class ElementBase implements IAdaptable { ... public boolean contains(ElementBase child) { return children.contains(child); } ... }


이제는 EditPolicy 에 추가와 관련된 명령을 정의합니다.
public class ElementEditLayoutPolicy extends XYLayoutEditPolicy { ... @Override protected Command getCreateCommand(CreateRequest request) { if (request.getType() == REQ_CREATE && getHost() instanceof BodyElementPart) { SimpleElementCreateCommand command = new SimpleElementCreateCommand(); command.setParent(getHost().getModel()); command.setElement(request.getNewObject()); Rectangle constraint = (Rectangle) getConstraintFor(request); constraint.x = (constraint.x < 0) ? 0 : constraint.x; constraint.y = (constraint.y < 0) ? 0 : constraint.y; constraint.width = (constraint.width <= 0) ? 100 : constraint.width; constraint.height = (constraint.height <= 0) ? 100 : constraint.height; command.setLayout(constraint); return command; } return null; } }
머 나중에 추가할 요소들이 많이자면 request.getNewObject() 로 구분을 하면 되겠네요~


이대로 테스트를 해보면 먼가 이상함을 느끼실 것입니다. 추가를 하더라도 이상한 위치로 가있거나
Ouline 에 이름이 나타나지 않을 것입니다. (outline 에 표시되는 정보는 id 로 바꿀 생각인데 귀찮아서.. 허허)

다음을 수정합니다.
public class SimpleElement extends ElementBase { ... public SimpleElement() { ... setBorder(1); setText(""); } ... }

public class SimpleElementTreeEditPart extends ElementTreeEditPartBase { ... @Override public void propertyChange(PropertyChangeEvent evt) { super.propertyChange(evt); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_TEXT)) refreshVisuals(); } ... }


이제는 정상적으로 나옵니다~

프로퍼티 시트를 보여줄 모델을 수정합니다.

지금까지 만들어온 것들에서 수정이 될 거라고는 SimpleElementModel 밖에 없네요~

대대적인 수정이 가해졌습니다.

수정사항
  - 프로퍼티관련 상수들의 추가
  - 폰트의 값을 가질 수 있도록 FontData field 추가
  - setter 에서 이벤트 통지
public class SimpleElement extends ElementBase { public static final String PROPERTY_FORECOLOR = "simple element foreground color"; public static final String PROPERTY_BACKCOLOR = "simple element background color"; public static final String PROPERTY_BORDER = "simple element border"; public static final String PROPERTY_TEXT = "simple element text"; public static final String PROPERTY_FONT = "simple element font"; private Color foregroundColor; private Color backgroundColor; private int border; private String text; private FontData fontData; public SimpleElement() { super(); setForegroundColor(ColorConstants.black); setBackgroundColor(ColorConstants.white); setFontData(new FontData("굴림", 10, SWT.NONE)); } public Color getForegroundColor() { return foregroundColor; } public void setForegroundColor(Color foregroundColor) { Color oldColor = this.foregroundColor; this.foregroundColor = foregroundColor; getListeners().firePropertyChange(PROPERTY_FORECOLOR, oldColor, foregroundColor); } public Color getBackgroundColor() { return backgroundColor; } public void setBackgroundColor(Color backgroundColor) { Color oldColor = this.backgroundColor; this.backgroundColor = backgroundColor; getListeners().firePropertyChange(PROPERTY_BACKCOLOR, oldColor, backgroundColor); } public int getBorder() { return border; } public void setBorder(int border) { int oldBorder = this.border; this.border = border; getListeners().firePropertyChange(PROPERTY_BACKCOLOR, oldBorder, border); } public String getText() { return text; } public void setText(String text) { String oldText = this.text; this.text = text; getListeners().firePropertyChange(PROPERTY_TEXT, oldText, text); } public FontData getFontData() { return fontData; } public void setFontData(FontData fontData) { FontData oldFontData = this.fontData; this.fontData = fontData; getListeners().firePropertyChange(PROPERTY_FONT, oldFontData, fontData); } }


모델이 바뀌었으니 figure 도 변경이 되어야 겠죠.. 일부분만 올리기 귀찮아서 ㅠ_ㅠ
수정사항
  - font 형식이 변경가능하도록...
public class SimpleElementFigure extends Figure { private Label label; public SimpleElementFigure() { XYLayout layout = new XYLayout(); setLayoutManager(layout); label = new Label(); label.setForegroundColor(ColorConstants.black); add(label, ToolbarLayout.ALIGN_CENTER); setConstraint(label, new Rectangle(5, 5, -1, -1)); setOpaque(true); } public void setLayout(Rectangle rect) { getParent().setConstraint(this, rect); } public void setText(String text) { label.setText(text); } public void setFontData(FontData fontData) { label.setFont(new Font(null, fontData)); } }


이벤트도 통지 받아서 처리할 수 있도록 EditPart 도 수정합니다.
public class SimpleElementPart extends ElementPartBase { ... @Override public void propertyChange(PropertyChangeEvent evt) { super.propertyChange(evt); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_BORDER)) refreshVisuals(); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_FORECOLOR)) refreshVisuals(); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_BACKCOLOR)) refreshVisuals(); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_TEXT)) refreshVisuals(); if (evt.getPropertyName().equals(SimpleElement.PROPERTY_FONT)) refreshVisuals(); } @Override protected void refreshVisuals() { ... figure.setFontData(model.getFontData()); } }


Property Source

프로퍼티시트를 구성할 클래스를 구현하기 전에... 프로퍼티시트에서 폰트에 대해서 처리를 할 예정인데

기본적으로 제공하는 것을 찾을 수가 없었습니다.

그래서 여기서 살짝쿵~ 가져왔습니다.
http://www.eclipse.org/articles/Article-Properties-View/properties-view.html

FontPropertyDescriptor class
package kr.co.vicki.formwizard.model.properties; import org.eclipse.jface.viewers.CellEditor; import org.eclipse.swt.widgets.Composite; import org.eclipse.ui.views.properties.PropertyDescriptor; /** * @author Administrator * * To change this generated comment edit the template variable "typecomment": * Window>Preferences>Java>Templates. * To enable and disable the creation of type comments go to * Window>Preferences>Java>Code Generation. */ public class FontPropertyDescriptor extends PropertyDescriptor { /** * Creates an property descriptor with the given id and display name. * * @param id the id of the property * @param displayName the name to display for the property */ public FontPropertyDescriptor(Object id, String displayName) { super(id, displayName); } /** * @see org.eclipse.ui.views.properties.IPropertyDescriptor#createPropertyEditor(Composite) */ public CellEditor createPropertyEditor(Composite parent) { CellEditor editor = new FontDialogCellEditor(parent); if (getValidator() != null) editor.setValidator(getValidator()); return editor; } }

FontDialogCellEditor - 폰트 선택 다이얼로그와 관련된 클래스
package kr.co.vicki.formwizard.model.properties; import org.eclipse.jface.viewers.DialogCellEditor; import org.eclipse.swt.graphics.FontData; import org.eclipse.swt.widgets.Composite; import org.eclipse.swt.widgets.Control; import org.eclipse.swt.widgets.FontDialog; import org.eclipse.ui.PlatformUI; /** * @author Administrator * * To change this generated comment edit the template variable "typecomment": * Window>Preferences>Java>Templates. * To enable and disable the creation of type comments go to * Window>Preferences>Java>Code Generation. */ public class FontDialogCellEditor extends DialogCellEditor { /** * Creates a new Font dialog cell editor parented under the given control. * The cell editor value is <code>null</code> initially, and has no * validator. * * @param parent the parent control */ protected FontDialogCellEditor(Composite parent) { super(parent); } /** * @see org.eclipse.jface.viewers.DialogCellEditor#openDialogBox(Control) */ protected Object openDialogBox(Control cellEditorWindow) { FontDialog ftDialog = new FontDialog(PlatformUI.getWorkbench().getActiveWorkbenchWindow().getShell()); String value = (String) getValue(); if ((value != null) && (value.length() > 0)) { ftDialog.setFontData(new FontData(value)); } FontData fData = ftDialog.open(); return fData; } }

위의 것들이 준비가 되면 IPropertySource 를 구현하는 클래스를 만듭니다.
간략하게 정리를 하자면
  getPropertyDescriptors() -  프로퍼티 시트를 구성합니다.
  getPropertyValue() - 프로퍼티 시트에 보여질 값을 반환합니다.
  setPropertyValue() 프로퍼티 시트의 값이 변경될 경우 호출됩니다.
package kr.co.vicki.formwizard.model.properties; import java.util.ArrayList; import java.util.List; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.model.SimpleElement; import org.eclipse.jface.viewers.LabelProvider; import org.eclipse.swt.graphics.Color; import org.eclipse.swt.graphics.FontData; import org.eclipse.swt.graphics.RGB; import org.eclipse.ui.views.properties.ColorPropertyDescriptor; import org.eclipse.ui.views.properties.IPropertyDescriptor; import org.eclipse.ui.views.properties.IPropertySource; import org.eclipse.ui.views.properties.PropertyDescriptor; import org.eclipse.ui.views.properties.TextPropertyDescriptor; public class ElementPropertySource implements IPropertySource { private ElementBase element; public ElementPropertySource(ElementBase element) { this.element = element; } @Override public Object getEditableValue() { return null; } @Override public IPropertyDescriptor[] getPropertyDescriptors() { List<IPropertyDescriptor> properties = new ArrayList<IPropertyDescriptor>(); if (element instanceof SimpleElement) { PropertyDescriptor borderSizeDescriptor = new TextPropertyDescriptor(SimpleElement.PROPERTY_BORDER, "Size"); borderSizeDescriptor.setCategory("Border"); properties.add(borderSizeDescriptor); PropertyDescriptor borderColorDescriptor = new ColorPropertyDescriptor(SimpleElement.PROPERTY_FORECOLOR, "Color"); borderColorDescriptor.setCategory("Border"); properties.add(borderColorDescriptor); properties.add(new ColorPropertyDescriptor(SimpleElement.PROPERTY_BACKCOLOR, "Background color")); PropertyDescriptor labelFontDescriptor = new FontPropertyDescriptor(SimpleElement.PROPERTY_FONT, "Font"); labelFontDescriptor.setCategory("Label"); labelFontDescriptor.setLabelProvider(new LabelProvider() { @Override public String getText(Object element) { FontData fontData = new FontData((String) element); StringBuffer label = new StringBuffer(); label.append(fontData.getName()).append(" ") .append(fontData.getHeight()); return label.toString(); } }); properties.add(labelFontDescriptor); PropertyDescriptor labelTextDescriptor = new TextPropertyDescriptor(SimpleElement.PROPERTY_TEXT, "Text"); labelTextDescriptor.setCategory("Label"); properties.add(labelTextDescriptor); } return properties.toArray(new IPropertyDescriptor[0]); } @Override public Object getPropertyValue(Object id) { if (element instanceof SimpleElement) { SimpleElement elem = (SimpleElement) element; if (id.equals(SimpleElement.PROPERTY_BORDER)) return "" + elem.getBorder(); else if (id.equals(SimpleElement.PROPERTY_FORECOLOR)) return elem.getForegroundColor().getRGB(); else if (id.equals(SimpleElement.PROPERTY_BACKCOLOR)) return elem.getBackgroundColor().getRGB(); else if (id.equals(SimpleElement.PROPERTY_TEXT)) return elem.getText(); else if (id.equals(SimpleElement.PROPERTY_FONT)) { return elem.getFontData().toString(); } } return null; } @Override public boolean isPropertySet(Object id) { return false; } @Override public void resetPropertyValue(Object id) { } @Override public void setPropertyValue(Object id, Object value) { if (element instanceof SimpleElement) { SimpleElement elem = (SimpleElement) element; if (id.equals(SimpleElement.PROPERTY_BORDER)) { try { elem.setBorder(Integer.parseInt((String) value)); } catch (NumberFormatException e) { } } else if (id.equals(SimpleElement.PROPERTY_FORECOLOR)) { elem.setForegroundColor(new Color(null, (RGB) value)); } else if (id.equals(SimpleElement.PROPERTY_BACKCOLOR)) { elem.setBackgroundColor(new Color(null, (RGB) value)); } else if (id.equals(SimpleElement.PROPERTY_TEXT)) { elem.setText((String) value); } else if (id.equals(SimpleElement.PROPERTY_FONT)) { elem.setFontData((FontData) value); } } } }



IAdaptable 의 설정

후후.. 왜 이렇게 설정하는 지는 다른 자료를 통해서...
public class ElementBase implements IAdaptable { ... private IPropertySource propertySource = null; ... @Override public Object getAdapter(Class adapter) { if (adapter == IPropertySource.class) { if (propertySource == null) propertySource = new ElementPropertySource(this); return propertySource; } return null; } ... }



퍼스펙티브에 추가

package kr.co.vicki.formwizard; import org.eclipse.ui.IFolderLayout; import org.eclipse.ui.IPageLayout; import org.eclipse.ui.IPerspectiveFactory; public class Perspective implements IPerspectiveFactory { private static final String ID_TABS_FOLDER = "tabs folder"; public void createInitialLayout(IPageLayout layout) { String editArea = layout.getEditorArea(); layout.setEditorAreaVisible(true); IFolderLayout tabs = layout.createFolder(ID_TABS_FOLDER, IPageLayout.LEFT, .3f, editArea); tabs.addView(IPageLayout.ID_OUTLINE); tabs.addView(IPageLayout.ID_PROP_SHEET); } }


수고하셨습니다 ㅋㅋㅋ

ContextMenuProvider 를 상속받은 클래스를 추가합니다.

컨텍스트 메뉴에는 Undo, Redo, Delete 를 추가했습니다.
package kr.co.vicki.formwizard; import org.eclipse.gef.ContextMenuProvider; import org.eclipse.gef.EditPartViewer; import org.eclipse.gef.ui.actions.ActionRegistry; import org.eclipse.gef.ui.actions.GEFActionConstants; import org.eclipse.jface.action.IAction; import org.eclipse.jface.action.IMenuManager; import org.eclipse.ui.actions.ActionFactory; public class FormWizardContextMenuProvider extends ContextMenuProvider { private ActionRegistry actionRegistry; public FormWizardContextMenuProvider(EditPartViewer viewer, ActionRegistry registry) { super(viewer); setActionRegistry(registry); } @Override public void buildContextMenu(IMenuManager menu) { GEFActionConstants.addStandardActionGroups(menu); IAction action = getActionRegistry().getAction(ActionFactory.UNDO.getId()); menu.appendToGroup(GEFActionConstants.GROUP_UNDO, action); action = getActionRegistry().getAction(ActionFactory.REDO.getId()); menu.appendToGroup(GEFActionConstants.GROUP_UNDO, action); action = getActionRegistry().getAction(ActionFactory.DELETE.getId()); menu.appendToGroup(GEFActionConstants.GROUP_EDIT, action); } public ActionRegistry getActionRegistry() { return actionRegistry; } public void setActionRegistry(ActionRegistry registry) { this.actionRegistry = registry; } }


OutlinePage 와 GraphicalViewer 에 컨텍스트 메뉴를 연결합니다.
public class FormWizardEditor extends GraphicalEditor { class OutlinePage extends ContentOutlinePage { ... @Override public void init(IPageSite pageSite) { ... getViewer().setContextMenu(new FormWizardContextMenuProvider( getViewer(), getActionRegistry())); } } @Override protected void configureGraphicalViewer() { ... viewer.setContextMenu(new FormWizardContextMenuProvider( viewer, getActionRegistry())); } ... }

GraphicalViewer 안에 있는 inner class 인 OutlinePage 를 약간만 수정하면 됩니다.

가장 짧은 파트가 될 것 같아 흐믓하네요~

class OutlinePage extends ContentOutlinePage { ... private ScrollableThumbnail thumbnail; private DisposeListener disposeListener; ... @Override public void createControl(Composite parent) { ... // overview Canvas canvas = new Canvas(sash, SWT.BORDER); LightweightSystem lws = new LightweightSystem(canvas); RootEditPart rootEditPart = getGraphicalViewer().getRootEditPart(); thumbnail = new ScrollableThumbnail( (Viewport) ((ScalableRootEditPart) rootEditPart).getFigure()); thumbnail.setSource(((ScalableRootEditPart) rootEditPart) .getLayer(LayerConstants.PRINTABLE_LAYERS)); lws.setContents(thumbnail); disposeListener = new DisposeListener() { @Override public void widgetDisposed(DisposeEvent e) { if (thumbnail != null) { thumbnail.deactivate(); thumbnail = null; } } }; getGraphicalViewer().getControl().addDisposeListener(disposeListener); } ... @Override public void dispose() { getSelectionSynchronizer().removeViewer(getViewer()); Control control = getGraphicalViewer().getControl(); if (control != null && !control.isDisposed()) control.removeDisposeListener(disposeListener); super.dispose(); } }

GraphicalEditor 의 configureGraphicalViewer() 메소드를 수정합니다.

rootEditPart 를 생성하여 ZoomManager 에 줌인, 줌아웃 액션을 등록하고 줌의 종류를 설정하면 끝입니다.
public class FormWizardEditor extends GraphicalEditor { ... @Override protected void configureGraphicalViewer() { ... configureZoomLevel(); } private void configureZoomLevel() { GraphicalViewer viewer = getGraphicalViewer(); ScalableRootEditPart rootEditPart = new ScalableRootEditPart(); viewer.setRootEditPart(rootEditPart); ZoomManager manager = rootEditPart.getZoomManager(); getActionRegistry().registerAction(new ZoomInAction(manager)); getActionRegistry().registerAction(new ZoomOutAction(manager)); double[] zoomLevels = new double[] { 0.25, 0.5, 0.75, 1.0, 1.5, 2.0, 2.5, 3.0, 4.0, 5.0, 10.0, 20.0 }; manager.setZoomLevels(zoomLevels); List<String> contributions = new ArrayList<String>(); contributions.add(ZoomManager.FIT_ALL); contributions.add(ZoomManager.FIT_HEIGHT); contributions.add(ZoomManager.FIT_WIDTH); manager.setZoomLevelContributions(contributions); } @Override public Object getAdapter(Class type) { if (type == ZoomManager.class) return ((ScalableRootEditPart) getGraphicalViewer().getRootEditPart()).getZoomManager(); else return super.getAdapter(type); } ... }


기능이 추가되었으니 액션을 등록하고 툴바에 버튼을 추가합니다.
public class FormWizardEditorActionBarContributor extends ActionBarContributor { @Override protected void buildActions() { ... addRetargetAction(new ZoomInRetargetAction()); addRetargetAction(new ZoomOutRetargetAction()); } @Override public void contributeToToolBar(IToolBarManager toolBarManager) { ... toolBarManager.add(new Separator()); toolBarManager.add(getAction(GEFActionConstants.ZOOM_IN)); toolBarManager.add(getAction(GEFActionConstants.ZOOM_OUT)); toolBarManager.add(new ZoomComboContributionItem(getPage())); } ... }


키보드와 마우스의 이벤트를 연결해보겠습니다.

viewer 에 keyHandler 를 등록하면 됩니다.

삭제는 DEL 키로 줌인, 줌아웃은 + 키와 - 키로 등록을 시킵니다. 그리고 마우스 휠로도 줌인/줌아웃을 할 수 있도록 처리합니다.
public class FormWizardEditor extends GraphicalEditor { ... @Override protected void configureGraphicalViewer() { ... configureKeyHandler(); } private void configureKeyHandler() { GraphicalViewer viewer = getGraphicalViewer(); KeyHandler keyHandler = new KeyHandler(); keyHandler.put( KeyStroke.getPressed(SWT.DEL, 127, 0), getActionRegistry().getAction(ActionFactory.DELETE.getId())); keyHandler.put( KeyStroke.getPressed('+', SWT.KEYPAD_ADD, 0), getActionRegistry().getAction(GEFActionConstants.ZOOM_IN)); keyHandler.put( KeyStroke.getPressed('-', SWT.KEYPAD_SUBTRACT, 0), getActionRegistry().getAction(GEFActionConstants.ZOOM_OUT)); viewer.setProperty( MouseWheelHandler.KeyGenerator.getKey(SWT.NONE), MouseWheelZoomHandler.SINGLETON); viewer.setKeyHandler(keyHandler); } ... }

Delete 를 처리하기 위해서는 다음과 같은 처리가 필요합니다.
  - toolbar 에 delete 버튼 추가
  - delete command 추가
  - delete command 를 사용할 새로운 edit policy 구현
  - policy 를 edit part 에 적용
  - 이벤트 발생 시 자식요소 추가/삭제 로직 구현하고 edit part 에 변경을 통지


Delete Action 추가

Action 을 추가하고 툴바에도 버튼을 추가합니다.
public class FormWizardEditorActionBarContributor extends ActionBarContributor { @Override protected void buildActions() { ... addRetargetAction(new DeleteRetargetAction()); } @Override public void contributeToToolBar(IToolBarManager toolBarManager) { ..toolBarManager. toolBarManager.add(getAction(ActionFactory.DELETE.getId())); } }



Delete Command 추가

삭제를 지시하는 DeleteCommand 클래스를 생성합니다.
package kr.co.vicki.formwizard.model.commands; import kr.co.vicki.formwizard.model.ElementBase; import org.eclipse.gef.commands.Command; public class DeleteCommand extends Command { private ElementBase model; private ElementBase parentModel; public void execute() { parentModel.removeChild(model); } public void setModel(Object model) { this.model = (ElementBase) model; } public void setParentModel(Object parentModel) { this.parentModel = (ElementBase) parentModel; } public void undo() { parentModel.addChlid(model); } }



Delete EditPolicy 추가
package kr.co.vicki.formwizard.edit.policies; import kr.co.vicki.formwizard.model.commands.DeleteCommand; import org.eclipse.gef.commands.Command; import org.eclipse.gef.editpolicies.ComponentEditPolicy; import org.eclipse.gef.requests.GroupRequest; public class ElementDeletePolicy extends ComponentEditPolicy { @Override protected Command createDeleteCommand(GroupRequest deleteRequest) { DeleteCommand command = new DeleteCommand(); command.setModel(getHost().getModel()); command.setParentModel(getHost().getParent().getModel()); return command; } }


이제 EditPart 들에 EditPolicy 를 적용시킵니다. 하지만 삭제는 SimpleElement 만 할 것이기 때문에 SimpleElementPart 에만 적용을 시킵니다.
public class SimpleElementPart extends ElementPartBase { ... @Override protected void createEditPolicies() { super.createEditPolicies(); installEditPolicy(EditPolicy.COMPONENT_ROLE, new ElementDeletePolicy()); } ... }


이벤트가 발생했으면 모델이 처리를 수행하고 EditPart 에 통지를 해야겠죠?
public class ElementBase { ... public static final String PROPERTY_ADD = "element add child"; public static final String PROPERTY_REMOVE = "element remove child"; ... public boolean addChlid(ElementBase child) { boolean b = children.add(child); if (b) { child.setParent(this); getListeners().firePropertyChange(PROPERTY_ADD, null, child); } return b; } public boolean removeChild(ElementBase child) { boolean b = children.remove(child); if (b) getListeners().firePropertyChange(PROPERTY_REMOVE, child, null); return b; } ... }


자식 요소의 추가/삭제가 발생되면 refreshChilren() 메소드를 호출합니다.
(refreshVisuals() 메소드가 아닙니다. 이것 때문에 2시간 삽질했네요 -_ㅜ)
abstract class ElementPartBase extends AbstractGraphicalEditPart implements PropertyChangeListener { ... @Override public void propertyChange(PropertyChangeEvent evt) { ... if (evt.getPropertyName().equals(ElementBase.PROPERTY_ADD)) refreshChildren(); if (evt.getPropertyName().equals(ElementBase.PROPERTY_REMOVE)) refreshChildren(); } ... }

이클립스 설치

이클립스는 가장 최신 버전인 ganymede 버전으로 선택하였습니다. 이유는... 제가 신상주의자이므로...

http://www.eclipse.org/downloads/packages/ 

해당 페이지로 이동하여 Eclipse for RCP/Plug-inDevelopers 를 다운 받습니다. 기존 이클립스에 하면 안되냐고 하시는 분들은... GEF 가 다른 프레임워크와 호환성을 많이 타는 것 같습니다. 신상환경에서 해보시는게 최고입니다.

다운로드를 받으신 후 적당한 위치에 압축을 풀고 대기 시켜놓습니다.

다운로드가 완료되면 이클립스 플러그인 설치하듯이 이클립스 폴더에 압축을 풀면 끝입니다.

[그림 2] GEF 다운로드 페이지