2

我使用 JGraph 已经有一段时间了,当您将标签剪辑设置为 true 时,似乎存在绘画问题:

重绘示例

以下简化示例显示了您可能会弄乱的实时应用程序中的问题:

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.event.ActionEvent;

import javax.swing.AbstractAction;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JSplitPane;
import javax.swing.JTextArea;

import com.mxgraph.swing.mxGraphComponent;
import com.mxgraph.view.mxGraph;

/** it's an app! */
public class GraphApp extends JFrame {
    private mxGraph graph;
    private mxGraphComponent graphComponent;
    private boolean labelsClipped = false;

    /** @return the splitpane */
    public JSplitPane getSplitpane() {
        JSplitPane splitPane = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT);
        graph = new mxGraph();
        graph.getModel().beginUpdate();
        graph.removeCells(graph.getChildCells(graph.getDefaultParent(), true, true));
        for (int i = 0; i < 10; i++)
            graph.insertVertex(null, null, "very_very_long_vertex_" + i, 10 * i, 10 * i, 100, 50);
        graph.getModel().endUpdate();
        graph.setLabelsClipped(labelsClipped);
        graphComponent = new mxGraphComponent(graph);
        JTextArea area = new JTextArea("There's overpaint below this text."); //$NON-NLS-1$
        splitPane.add(graphComponent, JSplitPane.LEFT);
        splitPane.add(area, JSplitPane.RIGHT);
        splitPane.setDividerLocation(70);
        return splitPane;
    }

    private JButton getButton() {
        JButton button = new JButton(new AbstractAction() {
            @Override
            public void actionPerformed(ActionEvent e) {
                labelsClipped = !labelsClipped;
                graph.setLabelsClipped(labelsClipped);
                GraphApp.this.repaint();
            }
        });
        button.setText("Swap setLabelsClipped");
        return button;
    }

    private JPanel getPanel() {
        JPanel panel = new JPanel(new BorderLayout());
        panel.add(getSplitpane(), BorderLayout.CENTER);
        panel.add(getButton(), BorderLayout.SOUTH);
        return panel;
    }

    public static void main(String[] args) {
        GraphApp app = new GraphApp();
        app.add(app.getPanel());
        app.setPreferredSize(new Dimension(300, 100));
        app.setVisible(true);
        app.pack();
    }
}

值得注意的是,overpaint 只发生在顶点的范围内。以下是带有剪裁的名称:

未剪辑

并带有剪辑:

剪裁

我现在正在研究 JGraphx 源代码,看看问题出在哪里。以前有人解决过这个问题吗?显然设置 graph.setLabelsClipped(false) 可以解决它,但我不想让我的顶点标签溢出我的顶点边界。

4

1 回答 1

2

我找到了问题所在。

在 com.mxgraph.view.mxGraph 中,如果您添加一点绘画代码,您可以看到剪辑被错误地设置为一个矩形,如我的示例所示,该矩形可能位于实际图形组件之外。

        if (clippedCanvas instanceof mxGraphics2DCanvas)
        {
            System.out.println("setting new clip");
            Graphics g = ((mxGraphics2DCanvas) clippedCanvas).getGraphics();
            clip = g.getClip();
            g.setClip(newClip);
            ((mxGraphics2DCanvas) clippedCanvas).paintRectangle(((mxGraphics2DCanvas) clippedCanvas).getGraphics().getClipBounds(), Color.GREEN, Color.WHITE);
        }

如果我们绘制标签正在使用的剪切区域,我们可以看到问题出在哪里。

虚假剪辑区

实际上,我们应该只绘制原始画布和新剪切矩形的交集。这张图片显示了被新剪裁矩形践踏之前的剪裁矩形:

原始剪辑区域

解决方法很简单:

        if (clippedCanvas instanceof mxGraphics2DCanvas)
        {
            Graphics g = ((mxGraphics2DCanvas) clippedCanvas).getGraphics();
            clip = g.getClip();
            if (clip instanceof Rectangle)
            {
                g.setClip(newClip.intersection((Rectangle) clip));
            }
            else
            {
                g.setClip(newClip);
            }
        }

我很想知道原始代码是否有意进行剪辑设置。我有点怀疑。

如果有人对他们的剪辑形状做了一些古怪的事情,我的修复也默认为他们的实现,就像一种 CYA。可能不需要,因为不保证剪裁适用于矩形以外的任何东西:

http://docs.oracle.com/javase/1.4.2/docs/api/java/awt/Graphics.html#setClip(java.awt.Shape)

代码似乎位于 github 上,所以希望我可以将修复推送到那里:

https://github.com/jgraph/jgraphx

于 2013-09-13T19:03:25.480 回答