要實現大綱視圖，我們先回顧一下以前在編輯器中實現GraphicalViewer視圖，是如何實現的，找到以前的代碼，在WorkflowProcessEditor的configureGraphicalViewer方法中，
GraphicalViewer viewer = getGraphicalViewer();
viewer.setEditPartFactory(new WorkflowProcessEditPartFactory());
我們給GraphicalViewer設置了模型和控制映射的工廠類，大綱視圖的實現和GraphicalViewer視圖類似，也需要爲模型定義控制器，不過這個控制器不同於以前的控制器，這些控制器必須繼承AbstractTreeEditPart，（注意：一個模型可以對應多個控制器，多個視圖），由於在大綱視圖中我們不用顯示轉移，因此，我們只需定義兩個控制器：流程和活動，代碼如下：
流程控制器
package com.example.workflow.parts;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.util.List;
import org.eclipse.gef.editparts.AbstractTreeEditPart;
import com.example.workflow.model.ModelElement;
import com.example.workflow.model.WorkflowProcess;
public class WorkflowProcessTreeEditPart extends AbstractTreeEditPart
implements PropertyChangeListener{
public void activate() {
if (!isActive()) {
super.activate();
((ModelElement) getModel()).addPropertyChangeListener(this);
}
}
public void deactivate() {
if (isActive()) {
super.deactivate();
((ModelElement) getModel()).removePropertyChangeListener(this);
}
}
private WorkflowProcess getCastedModel() {
return (WorkflowProcess) getModel();
}
protected List getModelChildren() {
return getCastedModel().getChildren(); // return a list of activities
}
//當往編輯器中增加活動時，刷新活動模型對應的視圖
public void propertyChange(PropertyChangeEvent arg0) {
String prop = evt.getPropertyName();
if (WorkflowProcess.CHILD_ADDED_PROP.equals(prop)
|| WorkflowProcess.CHILD_REMOVED_PROP.equals(prop)) {
refreshChildren();
}
}
}
//活動控制器
package com.example.workflow.parts;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import org.eclipse.gef.editparts.AbstractTreeEditPart;
import org.eclipse.swt.graphics.Image;
import com.example.workflow.model.AbstractActivity;
import com.example.workflow.model.ModelElement;
public class AbstractActivityTreeEditPart extends AbstractTreeEditPart
implements PropertyChangeListener{
public void activate() {
if (!isActive()) {
super.activate();
((ModelElement) getModel()).addPropertyChangeListener(this);
}
}
public void deactivate() {
if (isActive()) {
super.deactivate();
((ModelElement) getModel()).removePropertyChangeListener(this);
}
}
private AbstractActivity getCastedModel() {
return (AbstractActivity) getModel();
}
protected String getText() {
return getCastedModel().getName();
}
public void propertyChange(PropertyChangeEvent evt) {
}
}
這些類中方法大家應該很熟悉，我只說一下getText()方法，就是活動在大綱視圖中顯示的名稱，還有個getImage()方法，可以定義顯示的圖標，定義完這些控制器後，我們還必須定義模型和這些控制器的映射類，代碼如下：
package com.example.workflow.parts;
import org.eclipse.gef.EditPart;
import org.eclipse.gef.EditPartFactory;
import com.example.workflow.model.AbstractActivity;
import com.example.workflow.model.WorkflowProcess;
public class WorkflowProcessTreeEditPartFactory implements EditPartFactory{
public EditPart createEditPart(EditPart context, Object modelElement) {
//get EditPart for model element
EditPart part = getPartForElement(modelElement);
// store model element in EditPart
part.setModel(modelElement);
return part;
}
/**
* Maps an object to an EditPart.
* @throws RuntimeException if no match was found (programming error)
*/
private EditPart getPartForElement(Object modelElement) {
if (modelElement instanceof WorkflowProcess) {
return new WorkflowProcessTreeEditPart();
}
if (modelElement instanceof AbstractActivity) {
return new AbstractActivityTreeEditPart();
}
//because the outline view of the WorkflowProcessEditor dont
//need to display the Trasntion ,we dont create the TransitionTreeEditPart
throw new RuntimeException(
"Can't create part for model element: "
+ ((modelElement != null) ? modelElement.getClass().getName() : "null"));
}
}
這個映射類和以前GraphicalViewer視圖基本一樣，我也不解釋了。
定義完控制器和映射類之後，我們還需定義一個大綱視圖對應類，由於大綱視圖和編輯器聯繫緊密，因此我們把這個類作爲WorkflowProcessEditor的內部類，代碼如下：
class WorkflowProcessOutlinePage extends ContentOutlinePage{
/**
* Create a new outline page for the WorkflowProcess editor.
* @param viewer a viewer (TreeViewer instance) used for this outline page
* @throws IllegalArgumentException if editor is null
*/
public WorkflowProcessOutlinePage(EditPartViewer viewer) {
super(viewer);
}
public void createControl(Composite parent) {
//create outline viewer page
getViewer().createControl(parent);
// configure outline viewer
getViewer().setEditDomain(getEditDomain());
getViewer().setEditPartFactory(new WorkflowProcessTreeEditPartFactory());
//讓大綱視圖和編輯器的GraphicalViewer視圖同步選擇
getSelectionSynchronizer().addViewer(getViewer());
//設置大綱視圖的根內容爲流程模型
getViewer().setContents(getModel());
}
public Control getControl() {
return getViewer().getControl();
}
public void dispose() {
// unhook outline viewer
getSelectionSynchronizer().removeViewer(getViewer());
// dispose
super.dispose();
}
}
爲了在大綱視圖中顯示內容，我們還必須在WorkflowProcessEditor類中重寫getAdapter方法，代碼如下：
public Object getAdapter(Class type) {
if (type == IContentOutlinePage.class)
return new WorkflowProcessOutlinePage(new TreeViewer());
return super.getAdapter(type);
}
同時在插件依賴項中增加
org.eclipse.ui.ide,
org.eclipse.ui.views
org.eclipse.ui.ide,
org.eclipse.ui.views
這樣運行程序，就可以看到編輯器大綱視圖的效果了，如圖：
