[GEF] 무작정 따라하기 - Part. 4 Model 의 생성

GEF는 MVC 구조랍니다. 그 구조에 맞게 한번 도전~

Part. 4 Model 의 생성

Model 의 생성




이 튜토리얼에서 만들 모델은

BodyElement

와

SimpleElement

를 만들어볼 예정입니다.


BodyElement

는 최상위 모델이고

SimpleElement

들을 자식요소로 갖게됩니다.


일단 가장 기본이 되는 모델을 생성합니다.


model 패키지를 추가하여

ElementBase

클래스를 생성합니다.

좌표와 위치를 저장하는 layout 과 자식요소, 부모요소를 저장하는 변수를 갖게됩니다.

<br/> package kr.co.vicki.formwizard.model;<br/><br/>import java.util.ArrayList;<br/>import java.util.List;<br/><br/>import org.eclipse.draw2d.geometry.Rectangle;<br/><br/>public class ElementBase {<br/> <br/> /**<br/> * 좌표의 위치와 크기를 저장하는 변수<br/> */<br/> private Rectangle layout;<br/> <br/> private List<ElementBase> children;<br/> <br/> private ElementBase parent;<br/><br/> public ElementBase() {<br/> layout = new Rectangle(10, 10, 100, 100);<br/> children = new ArrayList<ElementBase>();<br/> }<br/><br/> public Rectangle getLayout() {<br/> return layout;<br/> }<br/><br/> public void setLayout(Rectangle layout) {<br/> this.layout = layout;<br/> }<br/> <br/> public boolean addChlid(ElementBase child) {<br/> child.setParent(this);<br/> return children.add(child);<br/> }<br/> <br/> public boolean removeChild(ElementBase child) {<br/> return children.remove(child);<br/> }<br/><br/> public List<ElementBase> getChildrenArray() {<br/> return children;<br/> }<br/><br/> public ElementBase getParent() {<br/> return parent;<br/> }<br/><br/> public void setParent(ElementBase parent) {<br/> this.parent = parent;<br/> }<br/>}<br/>


이번에는

BodyElement

클래스를 생성합니다. 아직까지는 구현할게 없네요~

<br/> package kr.co.vicki.formwizard.model;<br/><br/>public class BodyElement extends ElementBase {<br/><br/>}<br/>


자식요소로 사용할

SimpleElement

클래스를 생성합니다.

<br/> package kr.co.vicki.formwizard.model;<br/><br/>import org.eclipse.draw2d.ColorConstants;<br/>import org.eclipse.swt.graphics.Color;<br/><br/>public class SimpleElement extends ElementBase {<br/> <br/> private Color foregroundColor;<br/> <br/> private Color backgroundColor;<br/> <br/> private int border;<br/> <br/> private String text;<br/><br/> public SimpleElement() {<br/> super();<br/> setForegroundColor(ColorConstants.black);<br/> setBackgroundColor(ColorConstants.white);<br/> }<br/><br/> public Color getForegroundColor() {<br/> return foregroundColor;<br/> }<br/><br/> public void setForegroundColor(Color foregroundColor) {<br/> this.foregroundColor = foregroundColor;<br/> }<br/><br/> public Color getBackgroundColor() {<br/> return backgroundColor;<br/> }<br/><br/> public void setBackgroundColor(Color backgroundColor) {<br/> this.backgroundColor = backgroundColor;<br/> }<br/><br/> public int getBorder() {<br/> return border;<br/> }<br/><br/> public void setBorder(int border) {<br/> this.border = border;<br/> }<br/><br/> public String getText() {<br/> return text;<br/> }<br/><br/> public void setText(String text) {<br/> this.text = text;<br/> }<br/>}<br/>






Figure 의 생성




model 이 데이터를 저장하는 부문이라면 figure 는 화면에 그려지는 역할을 한다고 보면 될 것 같습니다.


마찬가지로 model 별로 figure 클래스를 생성합니다.



BodyElement

를 처리할

BodyElementFigure

를 생성합니다.

모델도 데이터가 별로 없으므로 간단하게 선 굵기를 2로 하고 선 색을 회색으로 설정했습니다.

<br/> package kr.co.vicki.formwizard.figure;<br/><br/>import org.eclipse.draw2d.ColorConstants;<br/>import org.eclipse.draw2d.Figure;<br/>import org.eclipse.draw2d.LineBorder;<br/>import org.eclipse.draw2d.XYLayout;<br/>import org.eclipse.draw2d.geometry.Rectangle;<br/><br/>public class BodyElementFigure extends Figure {<br/> <br/> private XYLayout layout;<br/><br/> public BodyElementFigure() {<br/> layout = new XYLayout();<br/> setLayoutManager(layout);<br/> <br/> setForegroundColor(ColorConstants.gray);<br/> setBorder(new LineBorder(2));<br/> }<br/> <br/> public void setLayout(Rectangle rect) {<br/> setBounds(rect);<br/> }<br/>}<br/>


이번에는

SimpleElement

를 처리할

SimpleElementFigure

를 생성합니다.

폰트를 설정해보려고 했는데 폰트 크기외에는 설정이 잘 안되었습니다 (-_ㅜ)


setOpaque()

메소드는 투명하게 하는 것으로 생각됩니다만.. 정확하게는...

SWT 개발하듯이 draw2d 를 이용하게 화면을 구성하면 그대로 표시가 되네요~~~

<br/> package kr.co.vicki.formwizard.figure;<br/><br/>import org.eclipse.draw2d.Figure;<br/>import org.eclipse.draw2d.Label;<br/>import org.eclipse.draw2d.ToolbarLayout;<br/>import org.eclipse.draw2d.XYLayout;<br/>import org.eclipse.draw2d.geometry.Rectangle;<br/>import org.eclipse.swt.SWT;<br/>import org.eclipse.swt.graphics.Font;<br/><br/>public class SimpleElementFigure extends Figure {<br/><br/> private Label label;<br/> <br/> public SimpleElementFigure() {<br/> XYLayout layout = new XYLayout();<br/> setLayoutManager(layout);<br/> <br/> label = new Label();<br/> label.setFont(new Font(null, "malgun", 10, SWT.NONE));<br/> add(label, ToolbarLayout.ALIGN_CENTER);<br/> setConstraint(label, new Rectangle(5, 5, -1, -1));<br/> <br/> setOpaque(true);<br/> }<br/><br/> public void setLayout(Rectangle rect) {<br/> getParent().setConstraint(this, rect);<br/> }<br/> <br/> public void setText(String text) {<br/> label.setText(text);<br/> }<br/><br/>}<br/>






EditPart 의 생성




figure 를 생성하고 model 의 편집을 지원하는 EditPart 를 추가할 차례입니다.


model 과 마찬가지로 editpart 들이 같은 기능들을 처리하므로 base 클래스를 만듭니다.



ElementPartBase

class

: 처리하는 일은 자식요소들을 반환하는 정도??



(20080719 추가) ㅎㅎ;; createEditPolicies() 메소드를 빼먹었었네요;;;



<br/> package kr.co.vicki.formwizard.edit;<br/><br/>import java.util.List;<br/><br/>import kr.co.vicki.formwizard.model.ElementBase;<br/><br/>import org.eclipse.gef.editparts.AbstractGraphicalEditPart;<br/><br/>abstract class ElementPartBase extends AbstractGraphicalEditPart {<br/> <br/> @Override<br/> protected List<ElementBase> getModelChildren() {<br/> return ((ElementBase) getModel()).getChildrenArray();<br/> }<br/><br/> @Override<br/> protected void createEditPolicies() {<br/> <br/> }<br/><br/><br/>}<br/>



BodyElementPart

class

:

BodyElement

를 관리하는 EditPart 입니다.

BodyElementFigure

를 생성하는 기능 외에는...

<br/> package kr.co.vicki.formwizard.edit;<br/><br/>import kr.co.vicki.formwizard.figure.BodyElementFigure;<br/><br/>import org.eclipse.draw2d.IFigure;<br/><br/>public class BodyElementPart extends ElementPartBase {<br/><br/> @Override<br/> protected IFigure createFigure() {<br/> IFigure figure = new BodyElementFigure();<br/> return figure;<br/> }<br/><br/> @Override<br/> protected void refreshVisuals() {<br/> // 별로 할일이 없으므로 주석처리~<br/>// BodyElementFigure figure = (BodyElementFigure) getFigure();<br/>// BodyElement model = (BodyElement) getModel(); <br/> }<br/>}<br/>



SimpleElementPart

class

:

SimpleElementFigure

를 생성하고

SimpleElement

를 통해서 그려주는 로직을 처리합니다.

<br/> package kr.co.vicki.formwizard.edit;<br/><br/>import kr.co.vicki.formwizard.figure.SimpleElementFigure;<br/>import kr.co.vicki.formwizard.model.SimpleElement;<br/><br/>import org.eclipse.draw2d.IFigure;<br/>import org.eclipse.draw2d.LineBorder;<br/><br/>public class SimpleElementPart extends ElementPartBase {<br/><br/> @Override<br/> protected IFigure createFigure() {<br/> IFigure figure = new SimpleElementFigure();<br/> return figure;<br/> }<br/><br/> @Override<br/> protected void refreshVisuals() {<br/> SimpleElementFigure figure = (SimpleElementFigure) getFigure();<br/> SimpleElement model = (SimpleElement) getModel();<br/> <br/> figure.setForegroundColor(model.getForegroundColor());<br/> figure.setBackgroundColor(model.getBackgroundColor());<br/> figure.setLayout(model.getLayout());<br/> figure.setBorder(new LineBorder(model.getBorder()));<br/> figure.setText(model.getText());<br/> }<br/>}<br/>



이러한 EditPart 를 생성해주는 Factory 클래스를 생성합니다. (Factory 클래스를 등록하면 자동으로 연결이 되는 구조입니다.)


ElementEditPartFactory

class

:

EditPartFactory

를 생성합니다. createEditPart() 메소드 에서 모델에 따른 EditPart 를 생성합니다.

<br/> package kr.co.vicki.formwizard.edit;<br/><br/>import kr.co.vicki.formwizard.model.BodyElement;<br/>import kr.co.vicki.formwizard.model.SimpleElement;<br/><br/>import org.eclipse.gef.EditPart;<br/>import org.eclipse.gef.EditPartFactory;<br/>import org.eclipse.gef.editparts.AbstractGraphicalEditPart;<br/><br/>public class ElementEditPartFactory implements EditPartFactory {<br/><br/> @Override<br/> public EditPart createEditPart(EditPart context, Object model) {<br/> AbstractGraphicalEditPart part = null;<br/> if (model instanceof BodyElement) {<br/> part = new BodyElementPart();<br/> } else if (model instanceof SimpleElement) {<br/> part = new SimpleElementPart();<br/> }<br/> <br/> part.setModel(model);<br/> return part;<br/> }<br/><br/>}<br/>






GraphicalEditor 의 수정




EditPartFactory 를 등록하고 기본적으로 화면에 그려질 EditPart 를 설정합니다.

<br/> public class FormWizardEditor extends GraphicalEditor {<br/> ...<br/> <br/> @Override<br/> protected void configureGraphicalViewer() {<br/> super.configureGraphicalViewer();<br/> GraphicalViewer viewer = getGraphicalViewer();<br/> viewer.setEditPartFactory(new ElementEditPartFactory());<br/> }<br/><br/> @Override<br/> protected void initializeGraphicalViewer() {<br/> GraphicalViewer viewer = getGraphicalViewer();<br/> <br/> BodyElement element = new BodyElement();<br/> <br/> SimpleElement sElem = new SimpleElement();<br/> sElem.setLayout(new Rectangle(20, 20, 150, 150));<br/> sElem.setBorder(1);<br/> sElem.setText("안녕하세요.");<br/> <br/> element.addChlid(sElem);<br/> <br/> viewer.setContents(element);<br/> }<br/><br/> ...<br/>}<br/>




이래해서 다시 테스트로 띄워보면~

참고




테스트로 띄우는 application 의 크기가 너무 작아 고민이라면

ApplicationWorkbenchWindowAdvisor

클래스를 수정하면 됩니다~

<br/> public class ApplicationWorkbenchWindowAdvisor extends WorkbenchWindowAdvisor {<br/><br/> ...<br/> <br/> public void preWindowOpen() {<br/> IWorkbenchWindowConfigurer configurer = getWindowConfigurer();<br/> configurer.setInitialSize(new Point(1024, 768)); // 이부분을 수정<br/> configurer.setShowCoolBar(false);<br/> configurer.setShowStatusLine(false);<br/> configurer.setTitle("FormWizard");<br/> }<br/>}<br/>

참고자료 이클립스 홈 - http://www.eclipse.org/ GEF 프로젝트 홈 - http://www.eclipse.org/gef/ 이클립스 플러그인 카페 - http://cafe.naver.com/eclipseplugin 민물곰탱이의 이클립스 개발 이야기 - http://esterel-dev.tistory.com/ 少年壮志无烟抽 - http://www.cnblogs.com/bjzhanghao/archive/2005/04/21/142558.html GEF examples