이클립스의 기본적인 사용자 인터페이스는 크게 view와 editor로 구성됩니다. 이 글에서는 매우 간단한(!) VICODE의 Log View를 가지고 View의 구현방법을 소개하겠습니다.
먼저 plugin.xml에서 View를 확장하는 부분을 보겠습니다.
<extension
point="org.eclipse.ui.views">
<view
category="kr.ac.kaist.vicode"
class="kr.ac.kaist.vicode.view.log.LogView"
icon="icons/esterel_image.gif"
id="kr.ac.kaist.vicode.logview"
name="Log"/>
<category
id="kr.ac.kaist.vicode"
name="VICODE"/>
</extension>
point="org.eclipse.ui.views">
<view
category="kr.ac.kaist.vicode"
class="kr.ac.kaist.vicode.view.log.LogView"
icon="icons/esterel_image.gif"
id="kr.ac.kaist.vicode.logview"
name="Log"/>
<category
id="kr.ac.kaist.vicode"
name="VICODE"/>
</extension>
org.eclipse.ui.views 확장점을 사용합니다. 해당 View를 포함할 카테고리를 지정하고 View를 표현하는 아이콘을 정의합니다. 이제 LogView.java 코드를 보겠습니다. 그렇게 길지 않으니 전체 코드를 늘어놓고 글을 이어나가도록 하지요.
public class LogView extends ViewPart
{
private Table table;
private TableColumn[] columns;
private final String[] TABLE_COLUMN_NAMES = { "Message", "Location", "Time" };
private final int[] TABLE_COLUMN_WIDTH = { 400, 400, 150 };
public LogView()
{
super();
}
public void createPartControl(Composite parent)
{
table = new Table(parent, SWT.BORDER | SWT.V_SCROLL);
columns = new TableColumn[TABLE_COLUMN_NAMES.length];
for(int i=0, n=TABLE_COLUMN_NAMES.length; i < n; i++)
{
columns[i] = new TableColumn(table, SWT.NONE);
columns[i].setText(TABLE_COLUMN_NAMES[i]);
columns[i].setWidth(TABLE_COLUMN_WIDTH[i]);
}
table.setHeaderVisible(true);
table.setLinesVisible(true);
}
public void setLog(String message, String location)
{
Date date = new Date();
SimpleDateFormat dateFormat = new SimpleDateFormat("hh:mm:ss");
String dateString = dateFormat.format(date);
TableItem ti = new TableItem(table, SWT.NONE);
ti.setText(0, message);
ti.setText(1, location);
ti.setText(2, dateString);
for (int i = 0; i < columns.length; i++)
{
columns[i].pack();
}
}
public void clearLog()
{
table.clearAll();
}
public void setFocus()
{
table.setFocus();
}
}
{
private Table table;
private TableColumn[] columns;
private final String[] TABLE_COLUMN_NAMES = { "Message", "Location", "Time" };
private final int[] TABLE_COLUMN_WIDTH = { 400, 400, 150 };
public LogView()
{
super();
}
public void createPartControl(Composite parent)
{
table = new Table(parent, SWT.BORDER | SWT.V_SCROLL);
columns = new TableColumn[TABLE_COLUMN_NAMES.length];
for(int i=0, n=TABLE_COLUMN_NAMES.length; i < n; i++)
{
columns[i] = new TableColumn(table, SWT.NONE);
columns[i].setText(TABLE_COLUMN_NAMES[i]);
columns[i].setWidth(TABLE_COLUMN_WIDTH[i]);
}
table.setHeaderVisible(true);
table.setLinesVisible(true);
}
public void setLog(String message, String location)
{
Date date = new Date();
SimpleDateFormat dateFormat = new SimpleDateFormat("hh:mm:ss");
String dateString = dateFormat.format(date);
TableItem ti = new TableItem(table, SWT.NONE);
ti.setText(0, message);
ti.setText(1, location);
ti.setText(2, dateString);
for (int i = 0; i < columns.length; i++)
{
columns[i].pack();
}
}
public void clearLog()
{
table.clearAll();
}
public void setFocus()
{
table.setFocus();
}
}
View를 구현한 클래스는 ViewPart 클래스를 상속합니다. 예제의 Log View 처럼 단순히 정보를 보여주는 View를 구현하는 경우에는 createPartControl() 메서드에서 보여주고 싶은 위짓을 정의하는 것으로 간단히 View를 구성할 수 있습니다. View에 Action을 추가한다던가 워크벤치의 다른 View 혹은 Editor와 상호작용하도록 하려면 조금 더 복잡해지겠지요.
여기서 한가지 명확히 해야할 것은 JFace viewer의 위상입니다. JFace viewer는 모델-뷰 구조를 기반으로 사용자가 쉽게 유려한 viewer를 만들 수 있도록 돕기 위해 제작된 일종의 UI 프레임워크입니다. 따라서 JFace viewer를 제작할 때 모델의 데이터를 뷰에 전달하는 Contents Provider, Label Provider 등을 구현해야 하는 것이죠. 중요한 것은(!) JFace viewer는 이클립스에서 UI를 표현할 수 있는 어떤 곳에도 붙일 수 있다는 것 입니다. 마법사의 한 페이지에 붙일 수도 있고 Editor에 붙일 수도 있죠. 이 글에서 말하는 Viewer가 아닌 View는 이클립스 워크벤치의 일부로서 화면에 정보를 나타내기 위한 부분이라고 생각할 수 있습니다. 구현하기에 따라서는 ViewPart를 상속하여 Editor의 역할을 수행하도록 만들 수도 있습니다.
본론으로 돌아와서 createPartControl() 메서드에서 SWT의 table 컨트롤을 추가하고 초기화 합니다. View에 정보를 제공하고자 하는 다른 클래스에서는 clearLog(), setLog() 메서드를 이용해서 View에 포함된 table 위짓에 값을 추가 및 삭제하게 됩니다. LogView의 인스턴스는 id를 이용해서 다음과 같이 얻을 수 있습니다.
public void init(IWorkbenchWindow window)
{
this.window = window;
}
...
LogView logView =
(LogView) window.getActivePage().findView(IResourceIDs.LOG_VIEW_ID);
{
this.window = window;
}
...
LogView logView =
(LogView) window.getActivePage().findView(IResourceIDs.LOG_VIEW_ID);