除了利用Eclipse提供的属性视图以外，GEF应用程序里当然也可以通过弹出对话框修改模型信息。

要实现双击一个节点打开对话框，在NodePart里要增加的代码如下：

public void performRequest(Request req) {
    if(req.getType().equals(RequestConstants.REQ_OPEN)){
        MessageDialog.openInformation(getViewer().getControl().getShell(),"Gef Practice","A Dialog");
    }
}

作为例子，上面这段代码只打开一个显示信息的对话框，你可以替换成自己实现的对话框显示/修改节点信息。

在CreateNodeCommand里增加下面的代码，可以在每次创建一个节点时通过对话框指定节点的名称：

public void execute() {
    InputDialog dlg = new InputDialog(shell, "Gef Practice", "New node's name:", "Node", null);
    if (Window.OK == dlg.open()) {
        this.node.setName(dlg.getValue());
    }
    this.diagram.addNode(this.node);
}

因为打开对话框时需要用到Shell，所以要在CreateNodeCommand里增加一个Shell类型的成员变量，并在DiagramLayoutEditPolicy里创建CreateNodeCommand时把一个shell实例传递给它。

创建节点时先弹出对话框

代码下载

点此下载工程，此工程修改自GEF应用实例中的GefPractice，目标文件的扩展名改为.gefpracticedlg。

搬家前链接：https://www.cnblogs.com/bjzhanghao/archive/2006/07/07/445603.html

利用自动布局功能，我们可以把本来不包含图形信息的文件以图形化的方式展示出来，典型的例子比如将一组Java接口反向工程为类图，那么图中每个图元的坐标应该必须都是自动生成的。GEF里提供了DirectedGraphLayout类用来实现自动布局功能，下面介绍一下怎样在程序里使用它。

DirectedGraphLayout提供的visit()方法接受一个org.eclipse.draw2d.graph.DirectedGraph实例，它遍历这个有向图的所有节点和边，并按照它自己的算法计算出每个节点布局后的新位置。所以在使用它布局画布上的图元分为两个步骤：1、构造有向图，2、将布局信息应用到图元。

还是以gefpractice为基础，我们在主工具条上增加了一个自动布局按钮，当用户按下它时自动布局编辑器里的图形，再次按下时恢复以前的布局。为了完成步骤1，我们要在DiagramPart里添加以下两个方法：

/**
 * 将图元（NodePart）转换为节点（Node）到有向图
 * @param graph
 * @param map
 */
public void contributeNodesToGraph(DirectedGraph graph, Map map) {
    for (int i = 0; i < getChildren().size(); i++) {
        NodePart node = (NodePart)getChildren().get(i);
        org.eclipse.draw2d.graph.Node n = new org.eclipse.draw2d.graph.Node(node);
        n.width = node.getFigure().getPreferredSize().width;
        n.height = node.getFigure().getPreferredSize().height;
        n.setPadding(new Insets(10,8,10,12));
        map.put(node, n);
        graph.nodes.add(n);
    }
}

/**
 * 将连接（ConnectionPart）转换为边（Edge）添加到有向图
 * @param graph
 * @param map
 */
public void contributeEdgesToGraph(DirectedGraph graph, Map map) {
    for (int i = 0; i < getChildren().size(); i++) {
        NodePart node = (NodePart)children.get(i);
        List outgoing = node.getSourceConnections();
        for (int j = 0; j < outgoing.size(); j++) {
            ConnectionPart conn = (ConnectionPart)outgoing.get(j);
            Node source = (Node)map.get(conn.getSource());
            Node target = (Node)map.get(conn.getTarget());
            Edge e = new Edge(conn, source, target);
            e.weight = 2;
            graph.edges.add(e);
            map.put(conn, e);
        }
    }
}

要实现步骤2，在DiagramPart里添加下面这个方法：

/**
 * 利用布局后的有向图里节点的位置信息重新定位画布上的图元
 * @param graph
 * @param map
 */
protected void applyGraphResults(DirectedGraph graph, Map map) {
    for (int i = 0; i < getChildren().size(); i++) {
        NodePart node = (NodePart)getChildren().get(i);
        Node n = (Node)map.get(node);
        node.getFigure().setBounds(new Rectangle(n.x, n.y, n.width, n.height));
    }
}

为了以最少的代码说明问题，上面的方法里只是简单的移动了图形，而没有改变模型里Node的属性值，在大多情况下这里使用一个CompoundCommand对模型进行修改更为合适，这样用户不仅可以撤消（Undo）这个自动布局操作，还可以在重新打开文件时看到关闭前的样子。注意，DirectedGraphLayout是不保证每次布局都得到完全相同的结果的。

因为Draw2D里是用LayoutManager管理布局的，而DirectedGraphLayout只是对布局算法的一个包装，所以我们还要创建一个布局类。GraphLayoutManager调用我们在上面已经添加的那几个方法生成有向图（partsToNodes变量维护了编辑器图元到有向图图元的映射），利用DirectedGraphLayout对这个有向图布局，再把结果应用到编辑器里图元。如下所示：

class GraphLayoutManager extends AbstractLayout {

    private DiagramPart diagram;

    GraphLayoutManager(DiagramPart diagram) {
        this.diagram = diagram;
    }

    protected Dimension calculatePreferredSize(IFigure container, int wHint, int hHint) {
        container.validate();
        List children = container.getChildren();
        Rectangle result = new Rectangle().setLocation(container.getClientArea().getLocation());
        for (int i = 0; i < children.size(); i++)
            result.union(((IFigure) children.get(i)).getBounds());
        result.resize(container.getInsets().getWidth(), container.getInsets().getHeight());
        return result.getSize();
    }

    public void layout(IFigure container) {
        DirectedGraph graph = new DirectedGraph();
        Map partsToNodes = new HashMap();
        diagram.contributeNodesToGraph(graph, partsToNodes);
        diagram.contributeEdgesToGraph(graph, partsToNodes);
        new DirectedGraphLayout().visit(graph);
        diagram.applyGraphResults(graph, partsToNodes);
    }

}

当用户按下自动布局按钮时，只要设置DiagramPart对应的图形的布局管理器为GraphLayoutManager就可以实现自动布局了，布局的结果如图所示。

自动布局的结果

最后有几点需要说明：

1、DirectedGraphLayout只能对连通的有向图进行布局，否则会产生异常graph is not fully connected，参考Eclipse.org文章Building a Database Schema Diagram Editor中使用的NodeJoiningDirectedGraphLayout可以解决这个问题；

2、如果要对具有嵌套关系的有向图自动布局，应使用SubGraph和CompoundDirectedGraphLayout；

3、这个版本的gefpractice在自动布局后，没有对连接线进行处理，所以可能会出现连接线穿过图元的情况，这个问题和上一个问题都可以参考GEF提供的flow例子解决。

Update(2007/4/9):如果diagram是放在ScrollPane里的，则要修改一下applyGraphResults()方法，增加container作为参数以使整个diagram能正确滚动。

protected void applyGraphResults(DirectedGraph graph, Map map, IFigure container) {
    for (Iterator iterator = this.nodeParts.iterator(); iterator.hasNext();) {
        NodePart element = (NodePart) iterator.next();
        Node n = (Node) map.get(element);
        Rectangle containerBounds=container.getBounds();
        Rectangle elementBounds=new Rectangle(n.x, n.y, n.width, n.height);
        element.getFigure().setBounds(elementBounds.translate(containerBounds.getLocation()));
    }
}

代码下载

点此下载工程，此工程修改自GEF应用实例中的GefPractice，目标文件的扩展名改为.gefpracticeal。

搬家前链接：https://www.cnblogs.com/bjzhanghao/archive/2006/07/02/440896.html

现在假设要把原来GefPractice例子里的矩形图元节点换成用椭圆形表示，都需要做哪些改动呢？很显然，首先要把原来继承RectangleFigure的NodeFigure类改为继承Ellipse类：

public class NodeFigure extends Ellipse {
    ...
}

这样修改后可以看到编辑器中的图元已经变成椭圆形了。但如果用户点选一个图元，表示选中的边框（选择框）仍然是矩形的，如图1所示：

图1 椭圆形的节点和矩形选择框

如果觉得矩形的选择框不太协调，可以通过覆盖DiagramLayoutEditPolicy的createChildEditPolicy()方法修改。缺省情况下这个方法返回一个ResizableEditPolicy，我们要定义自己的子类（EllipseResizableEditPolicy）来替代它作为返回值。

EllipseResizableEditPolicy里需要覆盖ResizableEditPolicy的两个方法。第一个是createSelectionHandles()方法，它决定“控制柄”（ResizeHandle）和“选择框”（MoveHandle）的相关情况，我们的实现如下：

protected List createSelectionHandles() {
    List list = new ArrayList();
    //添加选择框
    //ResizableHandleKit.addMoveHandle((GraphicalEditPart) getHost(), list);
    list.add(new MoveHandle((GraphicalEditPart) getHost()) {
        protected void initialize() {
            super.initialize();
            setBorder(new LineBorder(1) {
                public void paint(IFigure figure, Graphics graphics, Insets insets) {
                    tempRect.setBounds(getPaintRectangle(figure, insets));
                    if (getWidth() % 2 == 1) {
                        tempRect.width--;
                        tempRect.height--;
                    }
                    tempRect.shrink(getWidth() / 2, getWidth() / 2);
                    graphics.setLineWidth(getWidth());
                    if (getColor() != null)
                        graphics.setForegroundColor(getColor());
                    //用椭圆形替代矩形
                    //graphics.drawRectangle(tempRect);
                    graphics.drawOval(tempRect);
                }
            });
        }
    });

    //添加控制柄
    ResizableHandleKit.addHandle((GraphicalEditPart) getHost(), list, PositionConstants.EAST);
    ResizableHandleKit.addHandle((GraphicalEditPart) getHost(), list, PositionConstants.SOUTH);
    ResizableHandleKit.addHandle((GraphicalEditPart) getHost(), list, PositionConstants.WEST);
    ResizableHandleKit.addHandle((GraphicalEditPart) getHost(), list, PositionConstants.NORTH);
    return list;
}

第二个是createDragSourceFeedbackFigure()方法，它决定用户拖动图形时，随鼠标移动的半透明图形（即“鬼影”）的形状和颜色，因此我们覆盖这个方法以显示椭圆形的鬼影。

protected IFigure createDragSourceFeedbackFigure() {
    //用椭圆替代矩形
    //RectangleFigure r = new RectangleFigure();
    Ellipse r = new Ellipse();
    FigureUtilities.makeGhostShape(r);
    r.setLineStyle(Graphics.LINE_DOT);
    r.setForegroundColor(ColorConstants.white);
    r.setBounds(getInitialFeedbackBounds());
    addFeedback(r);
    return r;
}

经过以上这些修改，可以看到选择框和鬼影都是椭圆的了，如图2所示。

图2 与节点形状相同的选择框和鬼影

代码下载

点此下载工程，此工程修改自GEF应用实例中的GefPractice，目标文件的扩展名改为.gefpracticeel。

搬家前链接：https://www.cnblogs.com/bjzhanghao/archive/2006/06/26/436455.html

在类图里能看到一些对象具有对自己的引用，通常这些引用用于表达树状结构，即父子节点都是同一类对象。用GEF绘制这样的连接线一般是通过转折点（Bendpoint）实现的，如果你的GEF应用程序里还不能使用Bendpoint，请按照上一篇介绍的步骤添加对Bendpoint的支持。

原先我们的GefPractice应用程序是不允许一条连接线的起点和终点都是同一个图形的，因为这样会导致连接线缩成一个点隐藏在图形下方，用户并不知道它的存在。当时我们在CreateConnectionCommand类的canExecute()方法里进行了如下判断：

public boolean canExecute() {
    if (source.equals(target))
        return false;
    ...
}

因此现在首先要把这两句删除。然后在execute()方法里对自身连接的这种情况稍做处理，处理的方法是给这条连接线在适当位置增加三个Bendpoint，你也可以根据想要的连接线形状修改Bendpoint的数目和位置。

public void execute() {
    connection = new Connection(source, target);
    if (source == target) {
        //The start and end points of our connection are both at the center of the rectangle,
        //so the two relative dimensions are equal.
        ConnectionBendpoint cbp = new ConnectionBendpoint();
        cbp.setRelativeDimensions(new Dimension(0, -60), new Dimension(0, -60));
        connection.addBendpoint(0, cbp);
        ConnectionBendpoint cbp2 = new ConnectionBendpoint();
        cbp2.setRelativeDimensions(new Dimension(100, -60), new Dimension(100, -60));
        connection.addBendpoint(1, cbp2);
        ConnectionBendpoint cbp3 = new ConnectionBendpoint();
        cbp3.setRelativeDimensions(new Dimension(100, 0), new Dimension(100, 0));
        connection.addBendpoint(2, cbp3);
    }
}

现在用户只要选择连接工具，然后在一个节点上连续点两下就可以创建自身连接了，如下图所示。

图：自身连接

代码下载

点此下载工程，此工程修改自GEF常见问题2中的GefPractice-bp，目标文件扩展名为.gefpracticesc。

搬家前链接：https://www.cnblogs.com/bjzhanghao/archive/2006/06/22/432553.html