Java中两组按钮的按钮布局

Question

我必须创建一段代码，将一个按钮块对齐在另一个按钮下方。最终结果应如下所示： Correct Code

到目前为止我所拥有的是： My Code

我需要将右边的按钮块移动到长按钮的下方，但是我尝试的所有按钮都会按下长按钮。任何建议将不胜感激！

public class LayoutManagement extends JComponent {

public LayoutManagement() {
    setLayout(new FlowLayout());

    JPanel main = new JPanel(new GridLayout(1,3,20,0));
    main.setBorder(new EmptyBorder(10,10,10,10));

    final JLabel message = new JLabel("Default Message");

    String[] labels = "This class will give you practice creating and laying out containers".split("\\s");
    for (final String label : labels) {
        JButton button = new JButton(label);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message.setText(label);
            }
        });
        add(button);
    }

    main.add(message, BorderLayout.NORTH);

    JPanel column1 = new JPanel(new GridLayout(6,1,0,5));
    JPanel column2 = new JPanel(new GridLayout(2,1,0,5));
    JPanel column3 = new JPanel(new GridLayout(5,1,0,5));
    JPanel col1 = new JPanel(new BorderLayout());
    JPanel col2 = new JPanel(new BorderLayout());
    JPanel col3 = new JPanel(new BorderLayout());
    JPanel col1ex = new JPanel(new GridBagLayout());
    JPanel col2ex = new JPanel(new GridBagLayout());
    JPanel col3ex = new JPanel(new GridBagLayout());
    main.add(col1, BorderLayout.SOUTH);
    main.add(col2, BorderLayout.SOUTH);
    main.add(col3, BorderLayout.SOUTH);

    final JLabel message1 = new JLabel();
    message1.setPreferredSize(new Dimension(125, 50));
    message1.setBackground(Color.PINK);
    message1.setOpaque(true);
    message1.setBorder(new TitledBorder("Message 1"));
    message1.setHorizontalAlignment(0);

    final JLabel message2 = new JLabel();
    message2.setPreferredSize(new Dimension(125,50));
    message2.setBackground(Color.PINK);
    message2.setOpaque(true);
    message2.setBorder(new TitledBorder("Message 2"));
    message2.setHorizontalAlignment(0);

    String[] label1 = "This class will give you practice".split("\\s");
    for(final String label : label1) {
        JButton button = new JButton(label);
        button.setBackground(Color.CYAN);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message1.setText(label);
            }
        });
        column1.add(button);
    }

    String[] label2 = "creating and laying out containers".split("\\s");
    for(final String label : label2) {
        JButton button = new JButton(label);
        button.setBackground(Color.CYAN);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message2.setText(label);
            }
        });
        column3.add(button);
    }

    col1ex.add(column1);
    col1.add(col1ex);
    col2ex.add(column2);
    column2.add(message1);
    column2.add(message2);
    col2.add(col2ex);
    col3ex.add(column3);
    col3.add(col3ex);

    add(main);
}

/**
 * @param args the command line arguments -- not used
 */
public static void main(String[] args) {
    JFrame frame = new JFrame("Layout Management Lab");
    frame.add(new LayoutManagement());

    frame.pack();
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setVisible(true);
}

}

Answer 1

以下是将按钮置于顶部的一种方法，以及其下方的其他内容：使用BorderLayout 此外，您需要将按钮放在容器中，而不是逐个添加到顶部JComponent。

我修改了您的代码，请注意我的评论中注明的差异：

public class LayoutManagement extends JComponent {

public LayoutManagement() {
    setLayout(new BorderLayout());//CHANGE use BorderLayout instead of FLowlayout

    JPanel main = new JPanel(new GridLayout(1,3,20,0));
    main.setBorder(new EmptyBorder(10,10,10,10));

    final JLabel message = new JLabel("Default Message");

    JPanel pnlNorth = new JPanel();//CHANGE add the buttons to a panel
    pnlNorth.setLayout(new FlowLayout());//CHANGE set its layout
    String[] labels = "This class will give you practice creating and laying out containers".split("\\s");
    for (final String label : labels) {
        JButton button = new JButton(label);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message.setText(label);
            }
        });
        pnlNorth.add(button);//CHANGE add buttons to the panel
    }
    add(pnlNorth, BorderLayout.NORTH);//CHANGE add the panel to the north section

    main.add(message, BorderLayout.NORTH);

    JPanel column1 = new JPanel(new GridLayout(6,1,0,5));
    JPanel column2 = new JPanel(new GridLayout(2,1,0,5));
    JPanel column3 = new JPanel(new GridLayout(5,1,0,5));
    JPanel col1 = new JPanel(new BorderLayout());
    JPanel col2 = new JPanel(new BorderLayout());
    JPanel col3 = new JPanel(new BorderLayout());
    JPanel col1ex = new JPanel(new GridBagLayout());
    JPanel col2ex = new JPanel(new GridBagLayout());
    JPanel col3ex = new JPanel(new GridBagLayout());
    main.add(col1, BorderLayout.SOUTH);
    main.add(col2, BorderLayout.SOUTH);
    main.add(col3, BorderLayout.SOUTH);

    final JLabel message1 = new JLabel();
    message1.setPreferredSize(new Dimension(125, 50));
    message1.setBackground(Color.PINK);
    message1.setOpaque(true);
    message1.setBorder(new TitledBorder("Message 1"));
    message1.setHorizontalAlignment(0);

    final JLabel message2 = new JLabel();
    message2.setPreferredSize(new Dimension(125,50));
    message2.setBackground(Color.PINK);
    message2.setOpaque(true);
    message2.setBorder(new TitledBorder("Message 2"));
    message2.setHorizontalAlignment(0);

    String[] label1 = "This class will give you practice".split("\\s");
    for(final String label : label1) {
        JButton button = new JButton(label);
        button.setBackground(Color.CYAN);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message1.setText(label);
            }
        });
        column1.add(button);
    }

    String[] label2 = "creating and laying out containers".split("\\s");
    for(final String label : label2) {
        JButton button = new JButton(label);
        button.setBackground(Color.CYAN);
        button.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                message2.setText(label);
            }
        });
        column3.add(button);
    }

    col1ex.add(column1);
    col1.add(col1ex);
    col2ex.add(column2);
    column2.add(message1);
    column2.add(message2);
    col2.add(col2ex);
    col3ex.add(column3);
    col3.add(col3ex);

    add(main, BorderLayout.CENTER); //CHANGE put the other stuff in the center section
}