[GEF] 무작정 따라하기 - Part. 12 Property Sheet

이번 작업은 쫌 복잡합니다. 질러놓고 수습이 안되서 고생했습니다.

여튼 고고싱~

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

지금까지 만들어온 것들에서 수정이 될 거라고는 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); } }


수고하셨습니다 ㅋㅋㅋ

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