添加第二个JPanel时，Java CardLayout JPanel向上移动

Question

我是Java的新手，主要是CardLayout。我只想切换由JPanels表示的“窗口”。我在CardLayout的某处读过这份工作。但我的问题是，当add chatPanel到mainPanel（这是CardLayout之一），它改变的内容connectPanel几个像素顶端，从它的中心位置了。我在代码中跳过了createChatPanel(),它应该在的位置。

我有以下代码：

package App;

import java.awt.CardLayout;
import java.awt.Dimension;
import java.awt.GridBagLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.*;
import Validators.*;



public class GUI {

private JFrame mainFrame = null;
private JPanel mainPanel = null;
private CardLayout cl = new CardLayout();

public GUI(){


    try {
            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
         } 
         catch (UnsupportedLookAndFeelException e) {
         }
         catch (ClassNotFoundException e) {
         }
         catch (InstantiationException e) {
         }
         catch (IllegalAccessException e) {
         }

    mainFrame = new JFrame("MainChat");
    mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    mainFrame.setSize(640,480);
    mainFrame.setLocationRelativeTo(null);
    mainFrame.setResizable(false);
    mainFrame.setLayout(new GridBagLayout());

    JMenuBar menuBar = new JMenuBar();

    JMenu menuFile = new JMenu("Soubor");
    JMenu menuHelp = new JMenu("Nápověda");

    menuBar.add(menuFile);
    menuBar.add(menuHelp);

    menuFile.add(new JMenuItem("Nové Připojení"));
    menuFile.add(new JSeparator());
    menuFile.add(new JMenuItem("Konec"));
    menuHelp.add(new JMenuItem("O programu"));
    mainFrame.setJMenuBar(menuBar);


    createMainPanel();
    createConnectPanel();
    createChatPanel();

    mainFrame.setVisible(true);
}

public void createMainPanel() {

    mainPanel = new JPanel(cl);
    mainFrame.add(mainPanel);

}

public void createConnectPanel() {

    JPanel connectPanel = new JPanel();
    mainPanel.add(connectPanel,"connectPanel");

    JTextField ip = new JTextField();
    ip.setDocument(new JTextFieldLimit(15));
    ip.setColumns(11);

    JLabel iplabel = new JLabel("IP:");
    connectPanel.add(iplabel);
    connectPanel.add(ip);

    JButton connect = new JButton("Connect");
    connect.addActionListener(new ActionListener() {

        @Override
        public void actionPerformed(ActionEvent e) {

            cl.show(mainPanel,"chatPanel");

        }
    });
    connectPanel.add(connect);

}

public void createChatPanel(){

    JPanel chatPanel = new JPanel();
    mainPanel.add(chatPanel,"chatPanel");

    JTextArea chatbox = new JTextArea();
    chatbox.setPreferredSize(new Dimension(200,200));
    chatPanel.add(chatbox);

}
}

拜托，我搞砸了吗？谢谢。

Answer 1

由于您要在主JPanel中添加两个JPanel，因此这两个面板都需要容纳在主面板中。

如果其中一个内部面板比另一个内部面板大得多，则主面板将进行调整以适合较大的面板。

例如，注释此行：

chatbox.setPreferredSize(new Dimension(200,200));

会使您的文本字段保持原样。这是因为chatbox不会导致容器调整大小。

另请注意，由于尚未设置主面板的尺寸，因此主面板最初与主机架的尺寸不同。

如果将connectPanel的大小设置为与主机框架相同的大小，则在添加chatPanel时，connectPanel不会自动调整大小（由于mainPanel的大小已调整）

因此，您可以做的是在中间添加一行：

JPanel connectPanel = new JPanel();
connectPanel.setSize(640, 480);
mainPanel.add(connectPanel, "connectPanel");

，这可能会解决您的问题。

尽管这可行，但我绝对建议您在所有GUI设计中使用 MIG
Layout
。如果您花一个小时学习它，它将为您节省大量时间。它还将使您不必手动设置大小（从而不必每次设计更改都重写一半的GUI代码）。