java - Swing:JPanel 内的 JTextField，重绘问题

Question

我最近开始使用 Java+Swing 构建 UI，目前我遇到了使用 FlowLayout 放置在 JPanel 上的 JTextField 的问题。

在我的示例中，我有一个窗口，其中包含带按钮的面板。单击该按钮将添加一个派生自 JPanel 并包含 JTextField 的组件。

问题是，当我在 JTextField 中输入内容时，它不会更新(不会调整大小)。但是，当我调整窗口大小或执行任何其他强制窗口/面板重绘的操作时，文本字段的大小将被调整(正是我期望自动发生的事情)。

当我将基类从 JPanel 更改为 JTextField 时，它以我尝试实现的方式工作，但我需要将 JPanel 作为基类，以便我可以利用将子组件放入其中的优势。

我在这里检查了不同的问题，并通过谷歌搜索试图找到解决方案，但它对我不起作用。我尝试过以不同的组合和不同的组件进行验证/无效/重新验证/重绘，并尝试对每个键入的字符强制重新验证，这对我来说听起来不是正确的方法。到目前为止，我了解到这与布局管理器有关。

有人可以帮我理解它是如何工作的吗？我应该阅读哪些内容来了解​​ Swing UI、布局管理和重绘的工作原理？

另外，如果有人可以帮助我解决我的代码的特定问题，我会很高兴。

提前致谢!

下面是我的代码:

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;


class TagVisual extends JPanel /*JTextField*/ {

    private JTextField editField;

    public TagVisual() {

        FlowLayout layout = new FlowLayout();
        layout.setHgap(0);
        layout.setVgap(0);
        setLayout(layout);

        editField = new JTextField();
        editField.setBackground(Color.RED);

        editField.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                editField.setSize(editField.getSize());
                editField.revalidate();
                remove(editField);
                add(editField);
                revalidate();
                repaint();
            }
        });

        add(editField, FlowLayout.LEFT);
    }

    public void place(JPanel panel) {
        panel.add(this);

        editField.grabFocus();
    }
}

public class MainWindow {

    private JPanel mainPanel;
    private JButton btnPlace;
    private JFrame frame;

    public MainWindow(JFrame frame) {

        mainPanel = new JPanel(new FlowLayout());
        btnPlace = new JButton();
        btnPlace.setText("Place");
        mainPanel.add(btnPlace);

        this.frame = frame;
        btnPlace.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                TagVisual v = new TagVisual();
                v.place(mainPanel);
                mainPanel.revalidate();
                mainPanel.repaint();
                mainPanel.updateUI();
                frame.revalidate();
                frame.repaint();
            }
        });
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("TextFieldUpdateIssue");

        frame.setContentPane(new MainWindow(frame).mainPanel);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setVisible(true);
    }
}

Answer 1

如果我是你，当用户输入一些文本时，我不会尝试调整文本字段的大小。

我建议您使用 JTextField(int columns)构造函数为它们指定固定大小，这将允许您创建一些“足够宽”的文本字段。

如果您仍然希望在输入某些文本时使它们变宽，则不能使用 ActionListener，因为它会在用户按 ENTER 键时触发事件，而不是基于输入的文本。

为此，您可以注册 Document Listener在您的文本字段的文档上。

您还可以重写 getPreferredSize () 方法来计算并返回适当的大小。在下面的示例中，为了方便计算首选宽度，我使用 JLabel，但您可以使用 FontMetrics。

如果您要向面板添加多个标签，您还应该考虑使用 JScrollPane，以便在面板需要更多空间时显示滚动条。

参见这个示例(我对你的代码做了一些更改，因为它无法编译并且总体设计很糟糕，现在我认为它更好，但仍然不是很好):

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.event.*;
public class MainWindow
{
    public static void main (String [] a) {
        SwingUtilities.invokeLater (new Runnable () {
            @Override public void run () {
                try {
                    UIManager.setLookAndFeel (UIManager.getSystemLookAndFeelClassName ());
                    createAndShowGUI ();
                }
                catch (Exception e) {
                    JOptionPane.showMessageDialog (null, "An unexpected error occurred: " + e.getClass ().getSimpleName (), "Error", JOptionPane.ERROR_MESSAGE);
                }
            }
        });
    }
    private static void createAndShowGUI () {
        JFrame frame = new JFrame ("TextFieldUpdateIssue");
        frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
        frame.setContentPane (new MainPanel ());
        frame.setExtendedState (JFrame.MAXIMIZED_BOTH);
        frame.setLocationRelativeTo (null);
        frame.setVisible (true);
    }
}
class MainPanel extends JPanel
{
    private JPanel tagsPanel;

    public MainPanel () {
        super (new BorderLayout (0, 10));
        add (new JButton (new AbstractAction ("Add tag") {
             @Override public void actionPerformed(ActionEvent e) {
                addNewTag ();
            }
        }), BorderLayout.NORTH);
        tagsPanel = new JPanel ();
        tagsPanel.setLayout (new FlowLayout (FlowLayout.CENTER, 10, 0));
        add (tagsPanel, BorderLayout.CENTER);
    }
    private void addNewTag () {
        TagVisual v = new TagVisual ();
        tagsPanel.add (v);
        v.grabFocusOnField ();
        revalidate ();
    }
}
class TagVisual extends JPanel
{
    private JTextField editField;

    public TagVisual() {
        super (new FlowLayout (FlowLayout.CENTER, 0, 0));
        add (editField = createNewTextField (null), FlowLayout.LEFT);
    }
    private JTextField createNewTextField (String text) {
        JTextField textField = new JTextField (text) {
            @Override public Dimension getPreferredSize () {
                Dimension d = super.getPreferredSize ();
                return new Dimension (new JLabel (getText ()).getPreferredSize ().width + 10, d.height);
            }
        };
        textField.setBackground (Color.RED);
        textField.getDocument ().addDocumentListener (new DocumentListener () {
            @Override public void changedUpdate (DocumentEvent e) {
                revalidate ();
            }
            @Override public void insertUpdate (DocumentEvent e) {
                revalidate ();
            }
            @Override public void removeUpdate (DocumentEvent e) {
                revalidate ();
            }
        });
        return textField;
    }
    public void grabFocusOnField () {
        editField.grabFocus ();
        editField.setCaretPosition (editField.getText ().length ());
    }
}

屏幕截图(短文本):

屏幕截图(较长文本):