要實現大綱視圖,我們先回顧一下以前在編輯器中實現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) {
}
}
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"));
}
}
定義完控制器和映射類之后,我們還需定義一個大綱視圖對應類,由于大綱視圖和編輯器聯系緊密,因此我們把這個類作為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
這樣運行程序,就可以看到編輯器大綱視圖的效果了


流程控制器

















































//活動控制器













































這些類中方法大家應該很熟悉,我只說一下getText()方法,就是活動在大綱視圖中顯示的名稱,還有個getImage()方法,可以定義顯示的圖標,定義完這些控制器后,我們還必須定義模型和這些控制器的映射類,代碼如下:





































這個映射類和以前GraphicalViewer視圖基本一樣,我也不解釋了。
定義完控制器和映射類之后,我們還需定義一個大綱視圖對應類,由于大綱視圖和編輯器聯系緊密,因此我們把這個類作為WorkflowProcessEditor的內部類,代碼如下:










































org.eclipse.ui.ide,
org.eclipse.ui.views
這樣運行程序,就可以看到編輯器大綱視圖的效果了