Make an added JPanel visible inside a parent JPanel

Question

How to make an added JPanel visible inside a parent JPanel?

I am using Netbeans for designing my UI.

I have a MainFrame.java, which contains two panels; namely headerPanel and bodyPanel.

In headerPanel I have put three buttons,let it be button1, button2 and button3.

Also I have created three separate files extending JPanel, name it panel1, panel2 and panel3.

Then I added all my three panels inside bodypanel in MainFrame.java in constructor.

bodyPanel.add(panel1);
bodyPanel.add(panel2);
bodyPanel.add(panel3);

I want that on clicking the respective buttons only respective panels should appear in the bodypanel in mainframe, i.e. if I click button1 then panel1 should be displayed.

I have already tried the following code in button1 mouse listener method:

bodyPanel.validate();
bodyPanel.getComponent(0).setVisible(true);

But panel1 does not appear. I did it cause added components in a panel are allotted index. So first I tried to get the components and then make it visible. It did not work.

score 6 · Accepted Answer · edited May 23 '17 at 10:32

6

Use a CardLayout, as shown here.

Game view High Scores view

edited May 23 '17 at 10:32

Community

1
1

answered Jul 05 '12 at 05:31

Andrew Thompson

168,117
40
217
433

padman · Answer 2 · 2012-07-05T08:16:28.240

your requirement truely full filled by CARD LAYOUT see this example link

and below example Link

enter image description here

the perfect code for your problem case is

package panels.examples;

import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.Container;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

public class MainFrame extends JFrame implements ActionListener
{
JPanel headerPanel;
JPanel bodyPanel;
JPanel panel1,panel2,panel3;
JButton button1,button2,button3;
Container con;
CardLayout clayout;
public MainFrame() 
{
    //con=getContentPane();
    clayout=new CardLayout();
    headerPanel=new JPanel();
    bodyPanel=new JPanel(clayout);

    button1=new JButton("button1");
    button2=new JButton("button2");
    button3=new JButton("button3");

    //add three buttons to headerPanel
    headerPanel.add(button1);
    headerPanel.add(button2);
    headerPanel.add(button3);

    button1.addActionListener(this);
    button2.addActionListener(this);
    button3.addActionListener(this);

    panel1=new JPanel();
    panel1.add(new JLabel("Panel1"));
    panel1.setBackground(Color.pink);
    panel2=new JPanel();
    panel2.add(new JLabel("Panel2"));
    panel2.setBackground(Color.gray);
    panel3=new JPanel();
    panel3.add(new JLabel("Panel3"));

    //add above three panels to bodyPanel
    bodyPanel.add(panel1,"one");    
    bodyPanel.add(panel2,"two");    
    bodyPanel.add(panel3,"three");  


    setLayout(new BorderLayout());
    setSize(600,450);
    add(headerPanel,BorderLayout.NORTH);
    add(bodyPanel,BorderLayout.CENTER);
//  headerPanel.setBounds(0,0,600,100);
    bodyPanel.setBounds(0,100, 600, 500);
    setVisible(true);

}

public static void main(String args[])
{
    new MainFrame();
}

@Override
public void actionPerformed(ActionEvent e) {

    if(e.getSource()==button1)
    {
        clayout.show(bodyPanel, "one");
    }
    else if(e.getSource()==button2)
    {
        clayout.show(bodyPanel, "two");
    }
    else if(e.getSource()==button3)
    {
        clayout.show(bodyPanel, "three");
    }

}

}

out put

Chan · Answer 3 · 2012-07-05T07:20:17.003

Use the CardLayout. Below is a Helper class that I have written. Hope it helps.

import java.awt.CardLayout;

import javax.swing.JPanel;

/**
 * 
 * @author Dchan(Dulitha Wijewantha)
 * 
 *         This class is used to switch Cards in a CardLayout
 * 
 * @version $Revision: 1.0 $
 */
public class CardLayoutHelper {

    private JPanel panel;
    private CardLayout layout;

    /**
     * 

     * @param panel JPanel
     */
    public CardLayoutHelper(JPanel panel) {
        this.panel = panel;
        this.layout = (CardLayout) this.panel.getLayout();
    }
    public CardLayoutHelper(JPanel panel, JPanel... panels){
        this(panel);
        for (int i = 0; i < panels.length; i++) {
            JPanel jPanel = panels[i];
            panel.add(jPanel.getName(), jPanel);
        }
    }

    /**
     * 
     * @param currentPanel
     *            - The panel that will be switched into the view
     */
    public void switchPanel(JPanel currentPanel) {
        panel.removeAll();
        panel.add(currentPanel, currentPanel.getName());
        layout.show(panel, currentPanel.getName());
        panel.revalidate();
        panel.repaint();
    }
    public void switchPanel(String name){
        layout.show(panel, name);
        panel.revalidate();
        panel.repaint();
    }
}

What?!? The `switchPanel` method seems to be going against the `CardLayout` approach! — Andrew Thompson, Jul 05 '12 at 07:14
well I am removing the panel since I used it generically. But if you want you can improve the method to add the panels and switch accordingly. — Chan, Jul 05 '12 at 07:16
sorry about that but after writing the comment I edited the helper XD — Chan, Jul 05 '12 at 07:21

Make an added JPanel visible inside a parent JPanel

3 Answers3

Linked

Related