GridBagLayout делать странные вещи при попытке добавить сообщение JLabel ниже сетки квадратов

Question

Я пытаюсь показать сообщение JLabel сообщения под сеткой отображаемых квадратов (каждый квадрат - JLabel). Когда я не пытаюсь добавить сообщение в JPanel, сетка квадратов 4x4 будет отображаться просто отлично. Однако, когда я пытаюсь добавить сообщение JLabel ниже или выше сетки, происходит то, что сетка квадратов становится разделенной на две части (после первого столбца квадратов), так что один столбец квадратов отображается слева, а затем это пробел, а затем отображаются три других столбца квадратов. Появится сообщение внизу. Почему добавление этого сообщения приводит к тому, что сетка квадратов разбивается так? Я поставил свой код ниже. Спасибо заранее за любую помощь.

public void displayGrid(JButton button) { 

    JLabel instructionsLabel = new JLabel ("Select the locations of the four objects that you saw previously. Be careful - when you select one box, you can't take it back."); 

    try { 
     squareImage = ImageIO.read(this.getClass().getResource("stimulus(0).gif")); 

    } catch (IOException e) { 
     // TODO Auto-generated catch block 
     e.printStackTrace(); 
    } 

    for(int i = 0; i < 16; i++){ 
     c.gridx = i % 4; 
     c.gridy = i/4; 
     squareLabels[i] = new JLabel(new ImageIcon(squareImage)); 
     panel.add(squareLabels[i], c); 
     squareLabels[i].addMouseListener(this); 
    } 

    panel.validate(); 

    c.gridy += 1; 
    c.gridx = 0; 
    panel.add(instructionsLabel, c); 
    panel.validate(); 
} 

Answer 1

Я думаю, вам нужно использовать отдельный GridBagConstraints объект - вы не можете использовать тот же экземпляр, как вы делаете выше.

Answer 2

Вы добавляете свой instructionsLabel в первый столбец пятой строки после матрицы 4 * 4 от JLabel.

Проблема в том, что ваш instructionsLabel имеет большую длину, чем ваш squareLabels[i], поэтому поведение по умолчанию GridBagLayout будет простираться первый столбец, чтобы соответствовать instructionsLabel.

Вы должны установить gridWidth для вашего GridBagConstraints объекта c перед добавлением instructionsLabel:

c.gridy += 1; 
c.gridx = 0; 
constraint.gridwidth = 4; 
panel.add(instructionsLabel, c); 

Устанавливая constraint.gridwidth = 4; вы говорите менеджеру компоновки разместить instructionsLabel более чем в одной колонке. (Здесь я поставил exaclty 4 колонки.)

Добавление некоторых LineBorder к вашим JLabel с поможет вам понять поведение GridBagLayout и его Constraints лучше.

[UPDATE] Вы можете использовать BorderLayout в качестве основного макета, а затем добавьте JPanel с JLabel с и другими компонентами центра BorderLayout. Затем в этом JPanel используйте GridBagLayout. См. Этот пример:

import java.awt.BorderLayout; 
import java.awt.Color; 
import java.awt.GridBagConstraints; 
import java.awt.GridBagLayout; 
import java.awt.Insets; 
import javax.swing.JFrame; 
import javax.swing.JLabel; 
import javax.swing.JPanel; 

public class TestGridBagLAyout extends JFrame { 

    private static final long serialVersionUID = -392403850862179703L; 
    private static final int FRAME_WIDTH = 200; 
    private static final int FRAME_HEIGHT = 200; 

    public TestGridBagLAyout() { 
     setSize(FRAME_WIDTH, FRAME_HEIGHT); 
     // 
     setForeground(Color.RED); 
     // 
     setLayout(new BorderLayout()); 
     add(initCenterPanel()); 
    } 

    private JPanel initCenterPanel() { 
     GridBagLayout gridBagLayout = new GridBagLayout(); 
     JPanel centerPanel = new JPanel(gridBagLayout); 
     centerPanel.setBackground(Color.WHITE); 
     // 
     GridBagConstraints constraint = new GridBagConstraints(0, 0, 1, 1, 0d, 0d, GridBagConstraints.CENTER, GridBagConstraints.BOTH, new Insets(0, 0, 0, 0), 0, 0); 
     // 
     JLabel[] squareLabels = new JLabel[16]; 
     for(int i = 0; i < 16; i++){ 
      constraint.gridx = i % 4; 
      constraint.gridy = i/4; 
      squareLabels[i] = new JLabel("Test"); 
      centerPanel.add(squareLabels[i], constraint); 
     } 
     // 
     JLabel instructionsLabel = new JLabel("This is long instruction!"); 
     constraint.gridy += 1; 
     constraint.gridx = 0; 
     constraint.gridwidth = 4; 
     centerPanel.add(instructionsLabel, constraint); 
     // 
     return centerPanel; 
    } 
} 

Удачи.