Thread: Java GridLayout - 2 columns

Hi everyone,

I'm trying to create a basic GUI for booking classes in a gym. I'm not very familiar with the grid layout and struggling with creating a 2 column grid.

Here's what I'm trying to achieve: gym.jpg

And here's my grid code so far:

private void createPanel() {
 
    setLayout(new GridLayout(4, 1));
 
    JPanel panel1 = new JPanel();
    JPanel panel2 = new JPanel();
    JPanel panel3 = new JPanel();
    JPanel panel4 = new JPanel();
 
    //Panel 1: member ID field
    panel1.add(memberIDLabel);
    panel1.add(memberIDField);
 
    panel1.add(courseNameLabel);
    panel1.add(courseNameField);
 
    panel1.add(bookButton);
 
    //Panel 4: 'view courses' and 'view members' buttons
    panel4.add(coursesButton);
    panel4.add(bookingsButton);
 
    //Attaches panels to frame
    this.add(panel1);
    this.add(panel2);
    this.add(panel3);
    this.add(panel4);
}

Any guidance would be much appreciated. Many thanks.

import javax.swing.*;
 
import java.awt.Color;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
 
public class GymGUI extends JFrame implements ActionListener {
 
	private JLabel memberIDLabel, courseNameLabel;
	private JTextField memberIDField, courseNameField;
	private JButton bookButton, coursesButton, bookingsButton;
 
	private static final int FRAME_WIDTH = 500;
	private static final int FRAME_HEIGHT = 400;
 
	public GymGUI() {
 
		//Creates frame elements
		createMemberIDField();
		createCourseNameField();
		createBookButton();
		createCoursesButton();
		createBookingsButton();
		createPanel();
		setSize(FRAME_WIDTH, FRAME_HEIGHT);
 
		//Initialises frame properties
		this.setTitle("Gym");
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		this.setLocationRelativeTo(null);
		this.setResizable(false);
		this.setVisible(true);
 
	}
 
	//Creates member ID label and field
	private void createMemberIDField() {
 
		memberIDLabel = new JLabel("Member ID: ");
		final int FIELD_WIDTH = 10;
		memberIDField = new JTextField(FIELD_WIDTH);
	}
 
	//Creates course name label and field
	private void createCourseNameField() {
 
		courseNameLabel = new JLabel("Course name: ");
		final int FIELD_WIDTH = 15;
		courseNameField = new JTextField(FIELD_WIDTH);
 
	}
 
	//Creates 'confirm booking' button and attaches listener
	private void createBookButton() {
 
		bookButton = new JButton("Confirm Booking");
		bookButton.addActionListener(this);
	}
 
	//Creates 'view courses' button and attaches listener
	private void createCoursesButton() {
		coursesButton = new JButton("View Courses");
		coursesButton.addActionListener(this);
 
	}
 
	//Creates 'view bookings' button and attaches listener
	private void createBookingsButton() {
 
		bookingsButton = new JButton("View Bookings");
		bookingsButton.addActionListener(this);
	}
 
	// Creates panels and attach labels, fields and buttons
	private void createPanel() {
 
		setLayout(new GridLayout(4, 1));
 
		JPanel panel1 = new JPanel();
		JPanel panel2 = new JPanel();
		JPanel panel3 = new JPanel();
		JPanel panel4 = new JPanel();
 
		//Panel 1: member ID field
		panel1.add(memberIDLabel);
		panel1.add(memberIDField);
 
		panel1.add(courseNameLabel);
		panel1.add(courseNameField);
 
		panel1.add(bookButton);
 
		//Panel 4: 'view courses' and 'view members' buttons
		panel4.add(coursesButton);
		panel4.add(bookingsButton);
 
		//Attaches panels to frame
		this.add(panel1);
		this.add(panel2);
		this.add(panel3);
		this.add(panel4);
	}
 
	@Override
	public void actionPerformed(ActionEvent e) {
	}
 
}

setLayout(new GridLayout(4, 1));

This makes four rows and one column. If you want two columns instead, can you see which parameter needs to be changed?