通过切换按钮将JPanel添加到其他Jpanel上单击

Question

我正在尝试制作一个通过JToggleButton激活的弹出面板。我希望在选择ToggleButton时将JPanel添加到另一个Jpanel上，而在取消选择ToggleButton时将其隐藏。

我已经声明了JToggleButton并使用了ItemListener。但是发生的事情是，当我选择ToggleButton时，如果我取消选择并再次选择它，则会创建一个面板，然后再次添加另一个JPanel，依此类推，并在单击5次后，什么也没有出现。

public static JPanel createDesignButtons(){
    designButtonsPanel.setOpaque(false);
    BoxLayout boxLayout = new BoxLayout(designButtonsPanel, BoxLayout.LINE_AXIS);
    designButtonsPanel.setLayout(boxLayout);

    mainButton.setIcon(Icons.venueIcon);
    mainButton.setBorderPainted(false);
    mainButton.setPreferredSize(new Dimension(40,40));
    mainButton.addItemListener(new ItemListener() {
    public void itemStateChanged(ItemEvent ev) {
        if(ev.getStateChange()==ItemEvent.SELECTED){
        designButtonsPanel.add(createButtonsDialog());
        designButtonsPanel.validate();
        } else if(ev.getStateChange()==ItemEvent.DESELECTED){
        System.out.println("button is not selected");
        }
    }
});
    designButtonsPanel.add(mainButton);

    JLabel padding = new JLabel(" ");
    padding.setPreferredSize(null);

    JLabel divider = new JLabel("", Icons.dividerIcon, JLabel.CENTER);
    divider.setPreferredSize(new Dimension(3,45));
    designButtonsPanel.add(divider);


    SwingUtilities.updateComponentTreeUI(designButtonsPanel);
    return(designButtonsPanel);
}

上面的代码显示了mainButton是我要对其进行操作的切换按钮，而DesignButtonPanel是作为父项的Panel。

public static JPanel createButtonsDialog(){

    JPanel buttonsPanel = new JPanel();
    buttonsPanel.setBorder(new LineBorder(Color.gray,1));
    return buttonsPanel;
}

此类显示我要添加到父面板的面板

如何在选择JtoggleButton的情况下仅添加一次面板，而在取消选择时隐藏面板？

Answer 1

问题是您一直在创建自己的实例JPanel。你可以remove在JPanel如果你JToggleButton不选择并添加您已经创建的实例JPanel，如果选择了按钮。看这个简单的例子：

public class MainFrame extends JFrame {

private JPanel topPanel = new JPanel();
private JPanel centerPanel = new JPanel();
private JToggleButton toggleButton = new JToggleButton("Toggle");

public MainFrame() {
    this.setVisible(true);
    this.setDefaultCloseOperation(EXIT_ON_CLOSE);
    this.setLayout(new BorderLayout());

    this.topPanel.setPreferredSize(new Dimension(100, 100));
    this.centerPanel.setPreferredSize(new Dimension(100, 100));
    this.toggleButton.setPreferredSize(new Dimension(100, 100));

    this.add(topPanel, BorderLayout.NORTH);
    this.add(centerPanel, BorderLayout.CENTER);
    this.add(toggleButton, BorderLayout.SOUTH);

    this.toggleButton.addItemListener(new ItemListener() {
        @Override
        public void itemStateChanged(ItemEvent e) {
            if(e.getStateChange() == ItemEvent.SELECTED) {
                add(centerPanel, BorderLayout.CENTER);
            } else {
                remove(centerPanel);
            }
            pack();
        }
    });

    this.pack();
    this.setVisible(true);
}
}

您可以看到centerPanel仅实例化了一次。