当setLabelsClipped为true时，顶点标签在顶点之外，滚动条和其他组件上绘制

Question

我一直在使用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();
    }
}

值得注意的是，过度绘画只发生在顶点的范围内。以下是剪裁的名称：

并剪裁：

我现在正在研究JGraphx源代码，以了解问题所在。以前有人解决过这个问题吗？显然，设置graph.setLabelsClipped（false）可以解决它，但我宁愿不让我的顶点标签溢出我的顶点边界。

Answer 1

我找到了问题所在。

从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