Issue with adding JPanel objects with layout managers

Question

Hi. The games I made in the past did not contain any customized menus (ie. not from JOptionPane) different components dividing the display screen... so I thought I would try to on my current game I'm working on. So here's the issue: I'm trying to set the GUI up for the game screen.. but when I try to add in additional JPanel objects into the my main JFrame object, all of the JPanel objects stack up at the very top left corner (their not supposed to because I am using a layout manager). Here's my simplified version of the code:
public void setUpGame(){
     MainGame game = new MainGame();
     game.setLayout(new BoxLayout(game, BoxLayout.Y_AXIS) );
        playPanel = new PlayPanel(); // don't worry about this.. it's a subclass of JPanel.
     playPanel.setPreferredSize( new Dimension(playPanel.width, playPanel.height) );     
        game.add(playPanel);
        JPanel collections = new JPanel();
        collections.setLayout(new FlowLayout() );
        collections.setPreferredSize( new Dimension( 1280, 256));
        miniMapPanel = new MiniMapPanel(); // subclass of JPanel.
     miniMapPanel.setPreferredSize( new Dimension(miniMapPanel.width, miniMapPanel.height) );
        collections.add(miniMapPanel);
        statsPanel = new StatsPanel();
     statsPanel.setPreferredSize( new Dimension(statsPanel.width , statsPanel.height ) );
        collections.add(statsPanel);
        ... // I do the same thing for StatsPanel and CommandPanel objects
        game.add(collections);
        add(game);
        // referencing to the JFrame object
        this.pack();
        setVisible(true);
        setFocusable(true);
}Notes:
-The sum of miniMapPanel.width, statsPanel.width, ... , commandPanel.width add up to 1280 pixels.
- miniMapPanel.height, statsPanel.height, ... , commandPanel.height all have the same height of 256 pixels.
- What I'm trying to do is set up a GUI very similar to that of StarCraft, and WarCraft.
- The game is set up in full screen.
When I compile the program, I see (and I've tested for it) that all of the JPanel objects that were created are all stacked one on top of each other, in the top left corner of the screen. Any ideas and/or suggestions are welcome.

Answer 1

Hi weng,
Try the following code example. I think the issue might be in your overridden methods if you did.
    public static void main(String[] args) {
        JPanel viewPanel = new JPanel();
        viewPanel.setBackground(Color.GREEN);
        viewPanel.add(new JLabel("You see a hut here..."));
        JPanel minimapPanel = new JPanel();
        minimapPanel.setBackground(Color.WHITE);
        minimapPanel.add(new JLabel("Minimap!"));
        JPanel commandPanel = new JPanel(new FlowLayout(FlowLayout.LEADING));
        commandPanel.add(new JButton("Characters"));
        commandPanel.add(new JButton("Inventory"));
        commandPanel.add(new JButton("World Map"));
        commandPanel.add(new JButton("Menu"));
        JPanel lifeAndManaPanel = new JPanel(new FlowLayout(FlowLayout.LEADING));
        lifeAndManaPanel.add(new JLabel("Life: 999/999"));
        lifeAndManaPanel.add(new JLabel("Mana: 999/999"));
        JPanel statusPanel = new JPanel(new BorderLayout());
        statusPanel.add(commandPanel, BorderLayout.PAGE_START);
        statusPanel.add(lifeAndManaPanel, BorderLayout.CENTER);
        JPanel bottomPanel = new JPanel(new BorderLayout());
        bottomPanel.add(minimapPanel, BorderLayout.LINE_START);
        bottomPanel.add(statusPanel, BorderLayout.CENTER);
        JPanel game = new JPanel(new BorderLayout());
        game.add(viewPanel, BorderLayout.CENTER);
        game.add(bottomPanel, BorderLayout.PAGE_END);
        JFrame frame = new JFrame();
        frame.getContentPane().setLayout(new BorderLayout());
        frame.getContentPane().add(game, BorderLayout.CENTER);
        frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        frame.setSize(800, 600);
        frame.setVisible(true);
    }