JavaのGridBagLayout

Question

GridBagLayoutを使用して、image、JLabel、およびJTextFieldを表示したいとします。

画像は、これは私がしようとしたものです。この

のように見えたはずですが、JTextFieldの画像の下の表示ではなく、ほかに

JPanel panel = new JPanel(new GridBagLayout()); 
    gbc = new GridBagConstraints(); 

    for (int i = 0; i < ELEMENTS; i++) { 
     Image image = ImageIO.read(file[i]); 
     Image imageScaled = image.getScaledInstance(80, 95, Image.SCALE_SMOOTH); 
     ImageIcon imageIcon = new ImageIcon(imageScaled); 
     foodLabel[i] = new JLabel(imageIcon); 
     qtyField[i] = new JTextField(3); 
    } 

    gbc.gridx = 0; 
    for (int i = 0; i < ELEMENTS; i++) { 
     if (i % 3 == 0) { 
      gbc.gridy += 2; 
      gbc.gridx = 0; 
     } 
     panel.add(foodLabel[i], gbc); 
     gbc.gridy++; 
     panel.add(qtyField[i], gbc); 
     gbc.gridx++; 
     gbc.gridy--; 
     tabbedPane.addTab(text, panel); 
    } 

Answer 1

問題は、あなたが追加しているということですgridyの値を差し引いてください。 foodLabelの右側にコードをqtyFieldに調整するには、gbc.gridyを削除し、panel.add(foodLabel[i], gbc)の後にgbc.gridx ++を追加するだけです。

今、それはあなたが正しく設定しないと（少なくとも私がそれをしないと思っています。 JLabel（foodImage）の新しい配列を作成することができます。foodLabelと同じサイズで、画像のみを表示することができます。あなたのコードはほぼ正しいでしょう、いくつかの行を移動し、foodImageを追加します。私が書いたとここにある：

JPanel panel = new JPanel(new GridBagLayout()); 
gbc = new GridBagConstraints(); 
// Just to give a space between the components 
gbc.insets = new Insets(5, 5, 5, 5); 

for (int i = 0; i < ELEMENTS; i++) { 
    Image image = ImageIO.read(file[i]); 
    Image imageScaled = image.getScaledInstance(80, 95, Image.SCALE_SMOOTH); 
    ImageIcon imageIcon = new ImageIcon(imageScaled); 
    foodImage[i] = new JLabel(imageIcon); 
    foodLabel[i] = new JLabel("Label"); 
    qtyField[i] = new JTextField(3); 
} 

gbc.gridx = 0; 
for (int i = 0; i < ELEMENTS; i++) { 
    if (i % 3 == 0) { 
     gbc.gridy += 2; 
     gbc.gridx = 0; 
    } 

    // Add the image 
    panel.add(foodImage[i], gbc); 
    // Below the image 
    gbc.gridy++; 
    // Add the label 
    panel.add(foodLabel[i], gbc); 
    // Go back up 
    gbc.gridy--; 
    // Next column 
    gbc.gridx++; 
    // Add the textfield 
    panel.add(qtyField[i], gbc); 
    // Next column 
    gbc.gridx++; 
    tabbedPane.addTab(text, panel); 
} 

I ran this code, and should be like this

Answer 2

あなたはこの

// initialize gridy with -2 because when i == 0 you increase it by 2 in the for loop 
gbc.gridy = -2; 
gbc.gridx = 0; 

for (int i = 0; i < ELEMENTS; i++) { 
    if (i % 3 == 0) { 
     gbc.gridy += 2; 
     gbc.gridx = 0; 
    } 
    panel.add(foodLabel[i], gbc); 
    gbc.gridx++; 
    panel.add(qtyField[i], gbc); 
    gbc.gridx++; 

    // do you really whant to do this within the loop? I guess it should be outside... 
    // tabbedPane.addTab(text, panel); 
} 
tabbedPane.addTab(text, panel); 

...と1つの最後の質問のようなforループを変更する必要がありますなぜあなたは2でgridyを増やすのですか？それを1つ増やすべきではないでしょうか？