将更多GridLayouted面板彼此相邻

Question

I'm generating a chessboard using 3 JPanels with folowing GridLayout s:

1. 8x8 for gameboard
2. 1x8 for vertical markers left from the board
3. 8x1 for horizontal markers under the board

I'm using resizable JFrame to contain it alltogether. I actually used this code , a little modified.

This means, after populating al three panels, add them to main JFrames panel like this:

Container contentPanel = getContentPane();
/**Create some panels**/
JPAnel 8x8 = new JPanel();
8x8.setLayout(new GridLayout(8, 8));
JPAnel 1x8 = new JPanel();
8x8.setLayout(new GridLayout(1, 8));
JPAnel 8x1 = new JPanel();
8x8.setLayout(new GridLayout(8, 1));
/**Populate frames**/
...
/**Assign frames**/

contentPanel.add(8x8, BorderLayout.CENTER);
contentPanel.add(8x1, BorderLayout.SOUTH);
contentPanel.add(1x8, BorderLayout.WEST);

It's not that bad, but it still looks like this:

The bottom line expands unther to vertical line. The larger the window is, the more obvious this issue gets.

I'd like to glue the marker lines to the chessboard so that every number will allways be aligned with appropriate line.

I tried to assign 2x2 layout to the parent frame contentPanel however, grid layout seems to require all elements to be the same size, so it just makes bigger areas for 8x1 and 1x8 .
My approach:

contentPanel.setLayout(new GridLayout(2, 2));

contentPanel.add(1x8);    //vertical markers first
contentPanel.add(8x8);  //Then the chessboard


//Create empty placeholder for bottom-right corner
JPanel empty = new JPanel();
contentPanel.add(empty);
//finally add bottom markers
contentPanel.add(2x1);

But the result is even worse:

So how do I use those drunk grid layouts? Or should I start differently?

Edit: Using gridBaglayout :

 contentPanel.setLayout(new GridBagLayout());
 /**Follows as after contentPanel.setLayout(new GridLayout(2, 2)); in the prewious code**/

Result:

After playing with it a little:

/*VERTICAL MARKERS*/
//set vertical fill
c.fill = GridBagConstraints.VERTICAL;
//Set current possition to [0,0] in the grid 
c.gridx = 0;
c.gridy = 0;
//Add them to panel
contentPanel.add(indexysvis, c);

/*CHESSBOARD*/
//set vertical fill to both horizontal and vertical
c.fill = GridBagConstraints.BOTH;
//Set current possition to [1,0] in the grid 
c.gridx = 1;
c.gridy = 0;
contentPanel.add(sachovnice, c);

/*HORIZONTAL MARKERS*/
//set vertical fill to both horizontal
c.fill = GridBagConstraints.HORIZONTAL;
//Set current possition to [1,0] in the grid 
c.gridx = 1;
c.gridy = 1;
contentPanel.add(indexyvodo,c);

It won't try to fit the window:

Answer 1

You can use a 9x9 grid with conditional check. That will make things simpler and better too. A possible generation of such layout with conditional checking might be as following:

GridLayout layout = new GridLayout(0,9);
        jPanel1.setLayout(layout);

        for(int row =0; row < 9; row++)
            for(int col=0; col<9;col++)
            {
                 JButton button = new JButton(); 
                if(col==0 && row==8)
                {    button.setEnabled(false);
                     button.setContentAreaFilled(false);
                }
                else if(col==0)
                    button.setText(""+(char)('A'+row));
                else if(row == 8)
                   button.setText(""+(char)('A'+col - 1)); 
                else if(col%2==0)
                    button.setBackground(Color.white);
                else     button.setBackground(Color.black);

                jPanel1.add(button);
            }

It will have an output like:

Answer 2

Set gridBagLayout to the contentPane also. This will place your panels in desired positions.

Answer 3

Either go for one panel with 9x9 (the numbers would be as big as each field) or use a GridBagLayout , which would give you complete control. That said, GridBagLayout is a complete PITA. Perhaps TableLayout is more to your liking.