嵌套FlowLayout面板

Question

我正在尝试使用JAVA为BMR计算器创建一个GUI。

我在获得正确的GUI方面遇到了一些问题，所以我一直在尝试不同的布局管理器/嵌套Jpanel。

我当前的代码有一个年龄和性别标签，这两个标签都包含在流布局中的单独JPanels中，但问题是它们出现在彼此的旁边，而不是像我希望的那样出现在单独的行上。

我怎样才能用我的代码实现这一点呢？

干杯。

​

​

package v2;

import javax.swing.*;

import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.FlowLayout;




public class BmrCalcv2 extends JFrame {

static JFrame mainFrame;
static JPanel mainPanel;

static JMenuBar menuBar;
static JMenu fileMenu, editMenu;

static JPanel agePanel;
private JLabel ageLabel;
private JTextField ageTextField;

static JPanel genderPanel;
private JLabel genderLabel;




public BmrCalcv2() {

    // Main JFrame
    mainFrame = new JFrame("BMR/TDEE Calculator");
    mainPanel = new JPanel();


    // All JPanel declarations
    menuBar = new JMenuBar();
    agePanel = new JPanel();
    genderPanel = new JPanel();

    // JPanel layout managers
    agePanel.setLayout(new FlowLayout(10));
    genderPanel.setLayout(new FlowLayout(10));


    // Menu JPanel
    fileMenu = new JMenu("File");
    editMenu = new JMenu("Edit");
    menuBar.add(fileMenu);
    menuBar.add(editMenu);

    // Age JPanel
    ageLabel = new JLabel("Age:");
    ageTextField = new JTextField(5);
    agePanel.add(ageLabel);
    agePanel.add(ageTextField);



    // Gender JPanel
    genderLabel = new JLabel("Gender:");
    genderPanel.add(genderLabel);



    // Adding sub JPanels to main JPanel
    mainPanel.add(agePanel);
    mainPanel.add(genderPanel);


    // Adding main JPanel/menubar to JFrame
    mainFrame.setJMenuBar(menuBar);
    mainFrame.add(mainPanel);

}





public static void main(String[] args) {

    BmrCalcv2 frame = new BmrCalcv2();

    mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    mainFrame.setVisible(true);
    mainFrame.setSize(330, 300);;
    mainFrame.setResizable(false);

    }

}

Answer 1

下面这样的代码应该可以做到：

import java.awt.BorderLayout;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;

import javax.swing.ButtonGroup;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
import javax.swing.JTextField;

public class GridBagLayoutExample {

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

    private static void init() {
        // create the jframe
        JFrame jframe = new JFrame("BMI Calculator");
        // create the gui elements
        JLabel ageLabel = new JLabel("Age:");
        JTextField ageTxt = new JTextField(20);
        JLabel genderLabel = new JLabel("Gender:");
        JTextField genderTxt = new JTextField(20);
        // create gridbag layout and constraints
        GridBagLayout gbl = new GridBagLayout();
        // create the panel using the gbl
        JPanel pan = new JPanel(gbl);
        // create the constraints
        GridBagConstraints cons = new GridBagConstraints();
        cons.fill = GridBagConstraints.HORIZONTAL;
        // age label
        cons.gridx = 0;
        cons.gridy = 0;
        pan.add(ageLabel, cons);
        // age text
        cons.gridx = 1;
        cons.gridy = 0;
        pan.add(ageTxt, cons);
        // gender label
        cons.gridx = 0;
        cons.gridy = 1;
        pan.add(genderLabel, cons);
        // gender text
        cons.gridx = 1;
        cons.gridy = 1;
        pan.add(genderTxt, cons);
        // add the panel to the jframe
        jframe.add(pan, BorderLayout.CENTER);
        // show the jframe
        jframe.setSize(400, 200);
        jframe.setVisible(true);
    }
}

看起来像这样：

​

​

Answer 2

如果您不关心对齐方式：

mainFrame.getContentPane().setLayout(new BoxLayout(mainFrame.getContentPane(), BoxLayout.X_AXIS));
// quick pseudocode incoming
for(int x = 0; x < components.size(); x++) {
    JPanel j = new JPanel();
    j.setLayout(new FlowLayout(FlowLayout.CENTER)); // I think CENTER is the default anyhow
    j.add(getLabel(x));
    j.add(getField(x));
    mainFrame.add(j);
}

如果您关心对齐，可以沿着Y_AXIS将FlowLayout替换为BoxLayout，并在标签和输入字段之间放置一些水平胶水。