Thread: Images in GridLayout

So, I wanna display a little image of a register at the top of each column to display a checkout line. I can't seem to get the Icon to show. What's wrong here? I've followed the example in my book and the icon won't show up at all.

I'm using eclipse and I put the icon in the same directory as the .java files which is the src folder under the project name inside the workspace folder.

So here is my view so far:

 
import java.awt.Component;
import java.awt.Container;
import java.awt.GridLayout;
 
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
 
 
public class StoreView extends JFrame{
 
	private JPanel topPanel;
	private JPanel checkoutPanel;
 
	private JButton createCustomer;
//	private JPanel checkoutPanel = new JPanel();
 
	private JLabel totalServiceTime;
 
	private ImageIcon registerIcon;
	private JLabel iconLabel;
 
 
// private FlowLayout flow = new FlowLayout();
 
	private StoreModel model;
 
	public StoreView(StoreModel model){
		this.model = model;
 
		setTitle("Checkout Simulator");
 
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setLayout(new GridLayout());
 
		buildTopPanel();
		buildCheckoutPanel();
 
		add(topPanel);
		add(checkoutPanel);
		pack();
		setVisible(true);
	}
 
	public void buildTopPanel(){
		topPanel = new JPanel();
		createCustomer = new JButton("CreateCustomer");
		topPanel.add(createCustomer);
	}
 
	public void buildCheckoutPanel(){
 
		checkoutPanel = new JPanel();
		iconLabel = new JLabel();
 
		registerIcon = new ImageIcon("register.png");
 
		iconLabel.setIcon(registerIcon);
		checkoutPanel.add(iconLabel);
	}
}

Hi,
You have used GridLayout with default constructor to set Layout of Frame. With default, It has only one row and one column.
That is you can add only one component in Frame.
And you trying to add two panel in that component.

Use this statement for getting image:

registerIcon = new ImageIcon(this.getClass().getResource("register.pn g"));

You will get Icon.

I got it working, but I need the register icon to display at the top of each column. By doing new GridLayout(12,10) , that is 12 rows, 10 columns?

 
import java.awt.BorderLayout;
import java.awt.Component;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.GridLayout;
 
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
 
 
public class StoreView extends JFrame{
 
	private JPanel topPanel;
	private JPanel checkoutPanel;
	private JPanel serviceTimePanel;
 
	private JButton createCustomer;
//	private JPanel checkoutPanel = new JPanel();
 
	private JLabel totalServiceTime;
 
	private ImageIcon registerIcon = new ImageIcon("register.png");
	private JLabel iconLabel = new JLabel(registerIcon);
 
 
// private FlowLayout flow = new FlowLayout();
 
	private StoreModel model;
 
	public StoreView(StoreModel model){
		this.model = model;
 
		setTitle("Checkout Simulator");
 
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setLayout(new GridLayout(12,10));
 
		buildTopPanel();
		buildServiceTimePanel();
	 buildCheckoutPanel();
 
 
 
		add(topPanel);
		add(serviceTimePanel);
	 add(checkoutPanel);
 
 
		pack();
		setVisible(true);
	}
 
	public void buildTopPanel(){
		topPanel = new JPanel();
		createCustomer = new JButton("CreateCustomer");
		topPanel.add(createCustomer);
	}
 
	public void buildServiceTimePanel(){
		serviceTimePanel = new JPanel();
 
	}
 
	public void buildCheckoutPanel(){
 
		checkoutPanel = new JPanel();
		iconLabel = new JLabel();
 
		registerIcon = new ImageIcon("/Users//Dev//Documents//workspace//Java Gui//src//register.png");
 
		iconLabel.setIcon(registerIcon);
		checkoutPanel.add(iconLabel);
	}
}

Yes, by using this statement.
new GridLayout(12, 10);
The LayoutManager will create a table type structure which contains 12 rows and 10 columns.
and you can put 12*10 = 120 components.

To display icons on the top of each columns you need to put the icon of each columns of first row.