불친절한자수씨

less..

ㅁ OutlinePage class
  - Outline View 와 Overview 를 inner class로 구성

ㅁ ResourceTracker class
  - 에디터에 열려진 파일이 삭제되거나 변경이 되었음을 감지하여 처리

ㅁ IPartListener listener
  - 열려져 있는 상태에서 저장하지않고 파일이 삭제된 경우 저장할 것인지를 묻는 다이얼로그의 처리

ㅁ configureGraphicalViewer method
  - 루트 에디트파트를 정의
  - 줌 액션을 등록
  - 컨텍스트 메뉴를 등록
  - 키 핸들러를 설정
  - 프로퍼티들을 로드
  - 기타 액션들을 정의 (룰러, 지오메트리, 그리드)

ㅁ createActions method
  - 기본적인 액션들을 등록

ㅁ createGraphicalViewer method
  - 룰러를 사용할 경우 처리

ㅁ setInput method
  - 파일을 읽어들이는 작업??
  - 요건 파악이 아직 잘 안되능~~

ㅁ 저장과 관련된 작업들
  - doSave(), doSaveAs()

less..

less..

그냥 따라하기로만 구성을 하겠습니다. 해석은 딸리네요 =_=;;

우선 기본적으로 GMF SDK 가 설치되어 있음을 가정합니다. 환경인 가니메데 + GMF 2.1.0 입니다.


1. 프로젝트 만들기
우선 모델을 만들어야 하므로 Empty EMF Project 를 선택하고 Next 를 누릅니다.

프로젝트 이름은 적당하게 작성해주시고요~






















 

 

프로젝트는 이런식으로 구성이 됩니다.











2. 모델 소스 구성하기
주석에 왜 저렇게 썼을까 하는 것은 EMF 에 대한 지식이 필요합니다.
애석하게도 아직 그런 지식이 없어서....

[Llisting 1. ShapeDiagram.java]
package kr.co.vicki.shape; import java.util.List; /** * @model */ public interface ShapesDiagram { /** * @model containment="true" */ List<Shape> getShapes(); }
[Listing 2. Shape.java]
package kr.co.vicki.shape; import java.util.List; /** * @model abstract="true" */ public interface Shape { /** * @model */ String getName(); /** * @model containment="true" */ List<Connection> getSourceConnections(); /** * @model containment="true" */ List<Connection> getTargetConnections(); }
[Listing 3. RectangularShape.java]
package kr.co.vicki.shape; /** * @model */ public interface RectangularShape extends Shape { }
[Listing 4. EllipticalShape.java]
package kr.co.vicki.shape; /** * @model */ public interface EllipticalShape extends Shape { }
[Listing 5. Connection.java]
package kr.co.vicki.shape; /** * @model */ public interface Connection { /** * @model */ Shape getSource(); /** * @model */ Shape getTarget(); }



3. 모델 생성하기
New > EMF Model 을 선택하여 Next 를 클릭합니다.

































프로젝트의 model 디렉토리를 선택하고 파일명을 model.genmodel 로 설정한 후에 Next 를 누릅니다.

Annotated Java 를 선택하고 Next 를 누릅니다.


아래에 보이는 것 처럼 패키지와 ecore 파일이 나오면 Finish 를 눌러서 완료를 합니다.


제너레이트 된 모델의 구조는 아래와 같습니다.


















genmodel 의 최상위인 Model 을 오른쪽 클릭하시면 Generate Model Code 가 있습니다.
코드를 생성해줍니다. 왜냐구요??? EMF 에서.. 그렇게 하더라구요 -_ㅜ...
누가 깔끔하게 설명해주시면 좋을테지만 지금은 따라하는게 목적이므로~~












impl, util 패키지가 추가되었으며 ~Factory 클래스와 ~Package 클래스가 추가되었습니다.






















이제는 Generate Edit Code 의 메뉴를 통해 edit 프로젝트를 생성합니다.











결과물~













이로써 모델과 관련된 작업이 완성되었습니다.



4. GMF 정의...
 1) Develop graphical definition
   Simple Graphical Definition Model 을 새로 만듭니다.


   





























파일 이름과 경로를 아래와 같이 model 디렉토리에 model.gmfgraph 로 설정한 후에 Next...



















Find In Workspace 버튼을 통해서 shape.ecore 파일을 선택하고 Root Diagram Element 는
ShapesDiagram 으로 선택하고 Next...

























첫번째 체크박스는 Node로 추정되고 두번째 체크박스는 Link, 세번째는 속성으로 추정됩니다.
적당하게 체크되어 있네요~




































생성된 model.gmfgraph 는 다음과 같은 구조를 갖습니다.
일단은 복잡하니깐 나중에 알아보도록 합니까? ㅋㅋㅋ





















2. Develop tooling definition
 이번에는 Simple Tooling Definition Model 을 새로 만듭니다.
































model 디렉토리에 model.gmftool 파일로 저장합니다.



















아까 쪼 위에서 한 것처럼 설정한 다음에 Next 합니다.




























툴에 어떤 요소들이 포함될 것인지 체크하는 것입니다.
아래와 같이 설정하고 Finish 합니다.
































툴에 대한 정의가 아래와 같이 되었네요. Default Image 는 뭔지;;



















3. Develop mapping definition
  Guide Mapping Model Creation 을 새로 만듭니다.
































model 디렉토리에 model.gmfmap 을 설정합니다.


















Select Domain Model 은 벌써 세번째 하는거네요 ㅋㅋㅋ




























Diagram Palette 설정도 아래처럼 맞춰줍니다.




























Diagram Canvas 도 아래와 같이 설정해줍니다.




























Mapping 은.... 쥐뿔도 모르는데 그냥 시키는대로 해야겠죠??




























생성되어진 model.gmfmap 입니다.


















두둥~ Create generator model 메뉴를 선택합니다.





















역시나 경로는 model 디렉토리에 model.gmfgen 으로 설정합니다.



















이제는... 스킵...




















어멋 에러가 발생했네요... diagramLabel 에 이상이 있다는 오류를 내뱉네요.. 쩝;;;





















저 엘리먼트의 문제인 것 같습니다. 선택을 하고 프로퍼티를 적당하게 설정해줍니다.












Diagram Label 을 변경해주는 작업을 처리합니다. (Elliptical 이면 Elliptical 쪽으로 설정)
나머지 유사하게 생긴 놈도 이와같이 수정해줍니다.















이대로 끝이 난게 아닙니다. Node Mapping 과 Link Mapping 의 속성이 좀 섞여 있습니다.
꼼꼼하게 재대로 맵핑이 되었는지 확인해야 합니다.
(Rectangular 인데 툴이 Connection 으로 설정된 것도 있습니다.)


다시 Create generator model 메뉴를 선택하고 위에서 했던대로 하면 이와같은 화면이 나옵니다.
model.genmodel 을 선택하고 Next ~~





















RCP Application 으로 만드실 것이면 체크를 하시고~ Finish 를 눌러줍니다.

























생성된 model.gmfgen 파일을 열고 우클릭 메뉴의 Generate diagram code 를 선택합니다.























성공했다는 메세지를 보여주네요...











그러면 이렇게 diagram code 가 생성되었습니다.













plugin.xml 을 열고 Launch an Eclipse application 을 선택합니다.










새로운 Application 에서 Model Diagram 을 새로 만듭니다.

























파일명은 아무렇게나... (이제 좀 지쳐가능...)

























아래와 같이 모델링 툴이 만들어졌습니다. (짜잔~~)





























흙.. 완전 낚였습니다. 15분은 무슨... 1박 2일 걸렸네요...
글구 튜토리얼대로만 하면 각 definition 에서 연결들이 재대로 설정이 안되어서 나오지도 않습니다.


제가 GMF 를 건들인 이유는 GEF 의 차기버전인지 알았는데 그냥 모델링 툴 개발이었습니다... (좌절...)
GEF 만 계속 파고 나갈래요 -_ㅜ

less..

less..

추가하는 방법은 너무나 쉽습니다.

ActionBarContributor 에 action 을 등록하고 toolbar 에 추가한 후

GraphicalEditor 에서 액션을 등록하면 완료~~

public class FormWizardEditorActionBarContributor extends ActionBarContributor { ... @Override protected void buildActions() { ... addRetargetAction(new AlignmentRetargetAction(PositionConstants.LEFT)); addRetargetAction(new AlignmentRetargetAction(PositionConstants.CENTER)); addRetargetAction(new AlignmentRetargetAction(PositionConstants.RIGHT)); addRetargetAction(new AlignmentRetargetAction(PositionConstants.TOP)); addRetargetAction(new AlignmentRetargetAction(PositionConstants.MIDDLE)); addRetargetAction(new AlignmentRetargetAction(PositionConstants.BOTTOM)); ... } @Override public void contributeToToolBar(IToolBarManager toolBarManager) { ... toolBarManager.add(new Separator()); toolBarManager.add(getAction(GEFActionConstants.ALIGN_LEFT)); toolBarManager.add(getAction(GEFActionConstants.ALIGN_CENTER)); toolBarManager.add(getAction(GEFActionConstants.ALIGN_RIGHT)); toolBarManager.add(new Separator()); toolBarManager.add(getAction(GEFActionConstants.ALIGN_TOP)); toolBarManager.add(getAction(GEFActionConstants.ALIGN_MIDDLE)); toolBarManager.add(getAction(GEFActionConstants.ALIGN_BOTTOM)); toolBarManager.add(new Separator()); toolBarManager.add(getAction(GEFActionConstants.MATCH_WIDTH)); toolBarManager.add(getAction(GEFActionConstants.MATCH_HEIGHT)); ... } ... }
public class FormWizardEditor extends GraphicalEditorWithFlyoutPalette { ... @Override protected void createActions() { ... action = new MatchWidthAction(this); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new MatchHeightAction(this); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.LEFT); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.RIGHT); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.TOP); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.BOTTOM); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.CENTER); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new AlignmentAction((IWorkbenchPart)this, PositionConstants.MIDDLE); registry.registerAction(action); getSelectionActions().add(action.getId()); } ... }

less..

less..

Model 수정
복사할 대상인 SimpleElement 의 clone() 메소드를 오버라이딩합니다. public 으로다가...
public class SimpleElement extends ElementBase { ... @Override public Object clone() throws CloneNotSupportedException { SimpleElement elem = new SimpleElement(); elem.setBackgroundColor(getBackgroundColor()); elem.setBorder(getBorder()); elem.setFontData(getFontData()); elem.setForegroundColor(getForegroundColor()); elem.setParent(getParent()); elem.setText(getText()); Rectangle rect = getLayout().getCopy(); rect.x += 10; rect.y += 10; elem.setLayout(rect); return elem; } }



Copy Action & Commnd
복사를 위해서 등록할 Action 과 명령을 처리하는 Command가 필요합니다.
package kr.co.vicki.formwizard.actions; import java.util.Iterator; import java.util.List; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.model.commands.CopyElementCommand; import org.eclipse.gef.EditPart; import org.eclipse.gef.commands.Command; import org.eclipse.gef.ui.actions.SelectionAction; import org.eclipse.ui.ISharedImages; import org.eclipse.ui.IWorkbenchPart; import org.eclipse.ui.PlatformUI; import org.eclipse.ui.actions.ActionFactory; public class CopyElementAction extends SelectionAction { public CopyElementAction(IWorkbenchPart part) { super(part); setLazyEnablementCalculation(true); } @Override protected void init() { super.init(); ISharedImages sharedImages = PlatformUI.getWorkbench().getSharedImages(); setText("Copy"); setId(ActionFactory.COPY.getId()); setHoverImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_COPY)); setImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_COPY)); setDisabledImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_COPY_DISABLED)); setEnabled(true); } private Command createCopyCommand(List<Object> selectedObjects) { if (selectedObjects == null || selectedObjects.isEmpty()) return null; CopyElementCommand cmd = new CopyElementCommand(); for (Iterator<Object> it=selectedObjects.iterator(); it.hasNext(); ) { EditPart ep = (EditPart) it.next(); ElementBase element = (ElementBase) ep.getModel(); if (!cmd.isCopyableElement(element)) return null; cmd.addElement(element); } return cmd; } @Override protected boolean calculateEnabled() { Command cmd = createCopyCommand(getSelectedObjects()); if (cmd == null) return false; return cmd.canExecute(); } @Override public void run() { Command cmd = createCopyCommand(getSelectedObjects()); if (cmd != null && cmd.canExecute()) cmd.execute(); } }
package kr.co.vicki.formwizard.model.commands; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.model.SimpleElement; import org.eclipse.gef.commands.Command; import org.eclipse.gef.ui.actions.Clipboard; public class CopyElementCommand extends Command { private List<ElementBase> list = new ArrayList<ElementBase>(); public boolean addElement(ElementBase element) { if (!list.contains(element)) { return list.add(element); } return false; } @Override public boolean canExecute() { if (list == null || list.isEmpty()) return false; for (Iterator<ElementBase> it=list.iterator(); it.hasNext(); ) { if (!isCopyableElement(it.next())) return false; } return true; } @Override public void execute() { if (canExecute()) Clipboard.getDefault().setContents(list); } @Override public boolean canUndo() { return false; } public boolean isCopyableElement(ElementBase element) { if (element instanceof SimpleElement) return true; return false; } protected List<ElementBase> getSelectedList() { return list; } }
나중에 쩌어~ 뒤에서 action 을 등록할 것입니다. 한꺼번에



Paste Action and Command
package kr.co.vicki.formwizard.actions; import kr.co.vicki.formwizard.model.commands.PasteElementCommand; import org.eclipse.gef.commands.Command; import org.eclipse.gef.ui.actions.SelectionAction; import org.eclipse.ui.ISharedImages; import org.eclipse.ui.IWorkbenchPart; import org.eclipse.ui.PlatformUI; import org.eclipse.ui.actions.ActionFactory; public class PasteElementAction extends SelectionAction { public PasteElementAction(IWorkbenchPart part) { super(part); setLazyEnablementCalculation(true); } @Override protected void init() { super.init(); ISharedImages sharedImages = PlatformUI.getWorkbench().getSharedImages(); setText("Paste"); setId(ActionFactory.PASTE.getId()); setHoverImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_PASTE)); setImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_PASTE)); setDisabledImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_PASTE_DISABLED)); setEnabled(true); } private Command createPasteCommand() { return new PasteElementCommand(); } @Override protected boolean calculateEnabled() { Command cmd = createPasteCommand(); return cmd != null && cmd.canExecute(); } @Override public void run() { Command cmd = createPasteCommand(); if (cmd != null && cmd.canExecute()) execute(cmd); } }
package kr.co.vicki.formwizard.model.commands; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.model.SimpleElement; import org.eclipse.gef.commands.Command; import org.eclipse.gef.ui.actions.Clipboard; public class PasteElementCommand extends Command { private Map<ElementBase, ElementBase> datas = new HashMap<ElementBase, ElementBase>(); @Override public boolean canExecute() { List<ElementBase> list = (List<ElementBase>) Clipboard.getDefault().getContents(); if (list == null || list.isEmpty()) return false; for (Iterator<ElementBase> it=list.iterator(); it.hasNext(); ) { ElementBase element = it.next(); if (isPastableElement(element)) datas.put(element, null); } return true; } @Override public void execute() { if (!canExecute()) return; for (Iterator<ElementBase> it=datas.keySet().iterator(); it.hasNext(); ) { ElementBase element = it.next(); try { if (element instanceof SimpleElement) { SimpleElement elem = (SimpleElement) element; SimpleElement clone = (SimpleElement) elem.clone(); datas.put(element, clone); } } catch (CloneNotSupportedException e) { e.printStackTrace(); } } redo(); } @Override public void redo() { for (Iterator<ElementBase> it=datas.values().iterator(); it.hasNext(); ) { ElementBase element = it.next(); if (isPastableElement(element)) element.getParent().addChlid(element); } } @Override public boolean canUndo() { return !(datas.isEmpty()); } @Override public void undo() { for (Iterator<ElementBase> it=datas.keySet().iterator(); it.hasNext(); ) { ElementBase element = it.next(); if (isPastableElement(element)) element.getParent().removeChild(element); } } public boolean isPastableElement(ElementBase element) { if (element instanceof SimpleElement) return true; return false; } }
붙여넣기에 사용됩니다~



Cut Action and Command
예제에는 없었지만 그냥 한번 만들어 봤습니다. 현재는 부모가 되는 요소가 한개뿐이라 별 필요는 없지만

나중에라도 사용할 수 있게 만들어보았습니다. CopyElemntCommand 를 상속받았습니다. (귀찮아서...)
package kr.co.vicki.formwizard.actions; import java.util.Iterator; import java.util.List; import kr.co.vicki.formwizard.model.ElementBase; import kr.co.vicki.formwizard.model.commands.CutElementCommand; import org.eclipse.gef.EditPart; import org.eclipse.gef.commands.Command; import org.eclipse.gef.ui.actions.SelectionAction; import org.eclipse.ui.ISharedImages; import org.eclipse.ui.IWorkbenchPart; import org.eclipse.ui.PlatformUI; import org.eclipse.ui.actions.ActionFactory; public class CutElementAction extends SelectionAction { public CutElementAction(IWorkbenchPart part) { super(part); setLazyEnablementCalculation(true); } @Override protected void init() { super.init(); ISharedImages sharedImages = PlatformUI.getWorkbench().getSharedImages(); setText("Cut"); setId(ActionFactory.CUT.getId()); setHoverImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_CUT)); setImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_CUT)); setDisabledImageDescriptor(sharedImages.getImageDescriptor(ISharedImages.IMG_TOOL_CUT_DISABLED)); setEnabled(true); } private Command createCutCommand(List<Object> selectedObjects) { if (selectedObjects == null || selectedObjects.isEmpty()) return null; CutElementCommand cmd = new CutElementCommand(); for (Iterator<Object> it=selectedObjects.iterator(); it.hasNext(); ) { EditPart ep = (EditPart) it.next(); ElementBase element = (ElementBase) ep.getModel(); if (!cmd.isCopyableElement(element)) return null; cmd.addElement(element); } return cmd; } @Override protected boolean calculateEnabled() { Command cmd = createCutCommand(getSelectedObjects()); if (cmd == null) return false; return cmd.canExecute(); } @Override public void run() { Command cmd = createCutCommand(getSelectedObjects()); if (cmd != null && cmd.canExecute()) cmd.execute(); } }
package kr.co.vicki.formwizard.model.commands; import java.util.Iterator; import java.util.List; import kr.co.vicki.formwizard.model.ElementBase; import org.eclipse.gef.ui.actions.Clipboard; public class CutElementCommand extends CopyElementCommand { @Override public void execute() { if (!canExecute()) return; List<ElementBase> list = getSelectedList(); for (Iterator<ElementBase> it=list.iterator(); it.hasNext(); ) { ElementBase element = it.next(); if (isCopyableElement(element)) element.getParent().removeChild(element); } Clipboard.getDefault().setContents(list); } @Override public boolean canUndo() { return getSelectedList() != null && !getSelectedList().isEmpty(); } @Override public void undo() { List<ElementBase> list = getSelectedList(); for (Iterator<ElementBase> it=list.iterator(); it.hasNext(); ) { ElementBase element = it.next(); if (isCopyableElement(element)) element.getParent().addChlid(element); } } }


뭐 GEF 하시는 분들이 중급 이상의 자바실력을 가지고 있을거라 생각되기 때문에

다른 소스 설명은 하지 않겠습니다. (절대 귀찮아서가 아닙니다.)


이제 모든 재료들이 준비가 되었으니 적용하는 일만 남았습니다.

Actions 와 Commands 의 적용
public class FormWizardEditorActionBarContributor extends ActionBarContributor { @Override protected void buildActions() { ... IWorkbenchWindow iww = getPage().getWorkbenchWindow(); addRetargetAction((RetargetAction) ActionFactory.COPY.create(iww)); addRetargetAction((RetargetAction) ActionFactory.CUT.create(iww)); addRetargetAction((RetargetAction) ActionFactory.PASTE.create(iww)); } ... @Override public void contributeToToolBar(IToolBarManager toolBarManager) { ... toolBarManager.add(getAction(ActionFactory.COPY.getId())); toolBarManager.add(getAction(ActionFactory.CUT.getId())); toolBarManager.add(getAction(ActionFactory.PASTE.getId())); ... } ... }
에디터에 액션을 등록합니다.
public class FormWizardEditor extends GraphicalEditorWithFlyoutPalette { ... @Override protected void createActions() { super.createActions(); ActionRegistry registry = getActionRegistry(); IAction action = new CopyElementAction(this); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new CutElementAction(this); registry.registerAction(action); getSelectionActions().add(action.getId()); action = new PasteElementAction(this); registry.registerAction(action); getSelectionActions().add(action.getId()); } ... class OutlinePage extends ContentOutlinePage { ... @Override public void createControl(Composite parent) { ... IActionBars bars = getSite().getActionBars(); ActionRegistry ar = getActionRegistry(); bars.setGlobalActionHandler(ActionFactory.COPY.getId(), ar.getAction(ActionFactory.COPY.getId())); bars.setGlobalActionHandler(ActionFactory.PASTE.getId(), ar.getAction(ActionFactory.PASTE.getId())); } ... } }
컨텍스트 메뉴에도 등록해줍니다.
public class FormWizardContextMenuProvider extends ContextMenuProvider { ... @Override public void buildContextMenu(IMenuManager menu) { ... action = getActionRegistry().getAction(ActionFactory.COPY.getId()); menu.appendToGroup(GEFActionConstants.GROUP_COPY, action); action = getActionRegistry().getAction(ActionFactory.CUT.getId()); menu.appendToGroup(GEFActionConstants.GROUP_COPY, action); action = getActionRegistry().getAction(ActionFactory.PASTE.getId()); menu.appendToGroup(GEFActionConstants.GROUP_COPY, action); } ... }
Ctrl + C, Ctrl + V 도 사용해야겠죠?? 처음에는 keyHandler 에 등록하려 애를 써봤지만 다른 방법이 있었습니다. (역시 삽질 ㅋㅋ)
public class ApplicationActionBarAdvisor extends ActionBarAdvisor { ... protected void makeActions(IWorkbenchWindow window) { register(ActionFactory.UNDO.create(window)); register(ActionFactory.REDO.create(window)); register(ActionFactory.COPY.create(window)); register(ActionFactory.CUT.create(window)); register(ActionFactory.PASTE.create(window)); } ... }


이래하면 복사/잘라내기/붙여넣기가 잘 됩니다 ㅋㅋㅋ 안되면... 코멘트 남겨주세요....

less..