java - JTextPane 中的布局问题

Question

很抱歉没有更好的标题，但我不知道如何进一步指定错误，因为我不了解它的性质。理解问题后，也许有人可以对其进行编辑。

我正在编写一个应用程序，用户可以在其中将图标添加到文本字段中。我显然选择了 JTextPane 来显示文本和图标。在尝试使用该类的 insertComponent() 函数后，我遇到了一些奇怪的布局问题，因此我决定在 oracle.com 上查找教程。查看source code后在这个例子中，我决定做同样的事情，并且还使用样式将组件添加到底层 StyledDocument。当我开始第一次试运行时，我发现布局问题仍然存在。

那么，到底发生了什么？

我打算在文本 Pane 中显示的是“abcOdefO”，但正如您从屏幕截图中看到的那样，两个图标(圆圈)的右侧有一些空间。我希望图标被视为稍微大一点的字符，因此它应该只占用它需要的空间，而不是 (availableSpace/numberOfIcons)，这似乎是它实际占用的空间。

在插入符位置键入另一个字符时:

这更奇怪。如果图标有 MouseListeners，则所有 4 个可见的圆圈都会触发该事件。如果我将框架拖到另一个窗口或最小化并恢复它，奇怪的部分就会消失并且框架看起来像第一个图像(附加字符除外)。所以我想，我的这部分问题已通过在正确位置调用 repaint() 来解决 - 但在哪里？

这是生成上面所见图像的代码:

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.RenderingHints;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextPane;
import javax.swing.text.BadLocationException;
import javax.swing.text.Style;
import javax.swing.text.StyleConstants;
import javax.swing.text.StyleContext;
import javax.swing.text.StyledDocument;

public class TextPaneTestPanel extends JPanel {

    private class myIcon extends JPanel {
        private final int side;
        private final int padding = 1;

        public myIcon(int size) {
            this.side = size - 2 * padding;
            this.setSize(size, size);
            this.setPreferredSize(getSize());
            this.setMinimumSize(getSize());
        }

        public void paint(Graphics g) {
            Graphics2D g2d = (Graphics2D) g.create();

            g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

            g2d.setColor(Color.BLACK);
            g2d.setStroke(new BasicStroke(2));
            g2d.drawOval(padding, padding, side, side);
        }
    }

    private final JTextPane textPane;

    public TextPaneTestPanel() {

        textPane = new JTextPane();

        StyledDocument doc = textPane.getStyledDocument();
        Style def = StyleContext.getDefaultStyleContext().getStyle(StyleContext.DEFAULT_STYLE);
        StyleConstants.setFontFamily(def, "Monospaced");

        Style regular = doc.addStyle("regular", def);

        try {
            doc.insertString(0, "abc", regular);
            Style s1 = doc.addStyle("icon1", regular);
            StyleConstants.setComponent(s1, new myIcon(20));
            doc.insertString(3, " ", s1);
            doc.insertString(4, "def", regular);
            Style s2 = doc.addStyle("icon2", regular);
            StyleConstants.setComponent(s2, new myIcon(20));
            doc.insertString(7, " ", s2);
        } catch (BadLocationException e1) {
            e1.printStackTrace();
        }

        this.setLayout(new GridBagLayout());
        this.add(textPane, new GridBagConstraints(0, 0, 1, 1, 1, 1, GridBagConstraints.CENTER, GridBagConstraints.BOTH,
                new Insets(4, 4, 4, 4), 0, 0));
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Test");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setResizable(false);

        TextPaneTestPanel panel = new TextPaneTestPanel();

        frame.getContentPane().add(panel);
        frame.setSize(300, 100);
        frame.setVisible(true);
    }

}

总结一下我的问题:

1. 是什么导致图标后出现空格？

2. 我在哪里添加 repaint() 或 revalidate() 来解决图像 #2 中看到的问题？

P.S.:我知道，我的“图标”没有实现 Icon，但这不是必需的，因为 JTextPanes 可以处理各种 组件。

Answer 1

1.What causes the space to appear after an icon?

那么，您有以下代码:

this.setMinimumSize(getSize());

最大尺寸如何？

How to fix the problem seen in image #2?

自定义绘画是通过覆盖 paintComponent() 方法而不是 paint() 方法完成的，并且不要忘记调用 super.paintComponent。

图标在这里会更合适，因为您所做的只是自定义绘画。甚至是 JComponent，但不是 JPanel，它是用于容纳其他组件的容器。另外，如果您使用 Icon，则不会遇到面板或 JComponent 的尺寸问题，因为该方法是作为界面的一部分专门实现的。