Simple Image Slide show using JButton

Program Description:

The program below is a simple java code, a slideshow using JButton to change the images. This also demonstrates two things:

1. How to set the label to image.

2. How to align the JButton icons and labels in uniform because by default the icons and the labels are aligned in the center.

Output:

Code:

//Simple Image Slide show using JButton
//by: http://java-program-sample.blogspot.com
//File: imageSlideShowJbutton.java

//Java Extension Packages
import javax.swing.*;
//Java Core Packages
import java.awt.*;
import java.awt.event.*;

public class imageSlideShowJbutton extends JFrame {

	//Initializing Components
	private JButton b1,b2,b3,b4,b5;
	private JPanel panel, panel2;
	private JLabel images;
	private Icon arrow, orcs, warrior, mage, elf, dwarf;

	//Setting up GUI
	public imageSlideShowJbutton() {
	//Title of the Frame or Window
	super("Image Slide Show using JButton");

	//Size of the Frame or Window
	setSize(370,250);

	//Exit Property of the Frame of Window
	setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

	images = new JLabel("Waiting for Image");

	//Constructing Icon class
	arrow = new ImageIcon("arrow.gif");
	orcs = new ImageIcon("orcs.jpg");
	warrior = new ImageIcon("warrior.jpg");
	mage = new ImageIcon("mage.jpg");
	elf = new ImageIcon("elf.jpg");
	dwarf = new ImageIcon("dwarf.jpg");

	//Constructing JPanel
	panel = new JPanel();
	panel2 = new JPanel();

	//Constructing JButton
	b1 = new JButton("Orc",arrow);
	b2 = new JButton("Warrior",arrow);
	b3 = new JButton("Mage",arrow);
	b4 = new JButton("Elf",arrow);
	b5 = new JButton("Dwarf",arrow);

	//Set the Labels of the JButton in uniform alignment
	b1.setHorizontalAlignment(SwingConstants.LEFT);
	b2.setHorizontalAlignment(SwingConstants.LEFT);
	b3.setHorizontalAlignment(SwingConstants.LEFT);
	b4.setHorizontalAlignment(SwingConstants.LEFT);
	b5.setHorizontalAlignment(SwingConstants.LEFT);

	Container pane = getContentPane();

	//Setting the layout for panel
	GridLayout grid = new GridLayout(5,1);

	//Adding Button to JPanel
	panel.setLayout(grid);
	panel.add(b1);
	panel.add(b2);
	panel.add(b3);
	panel.add(b4);
	panel.add(b5);

	//Setting layout for panel2
	GridLayout grid2 = new GridLayout(1,1);

	//Adding layout and label to JPanel2
	panel2.setLayout(grid2);
	panel2.add(images);

	//Add Action on button1
	b1.addActionListener(
		new ActionListener() {
			public void actionPerformed(ActionEvent event) {
				images.setText(null);
				images.setIcon(orcs);
				}
			}
		);

	//Add Action on button2
	b2.addActionListener(
			new ActionListener() {
				public void actionPerformed(ActionEvent event) {
					images.setText(null);
					images.setIcon(warrior);
					}
				}
		);

	//Add Action on button3
	b3.addActionListener(
		new ActionListener() {
			public void actionPerformed(ActionEvent event) {
				images.setText(null);
				images.setIcon(mage);
				}
			}
		);

	//Add Action on button4
	b4.addActionListener(
		new ActionListener() {
			public void actionPerformed(ActionEvent event) {
				images.setText(null);
				images.setIcon(elf);
				}
			}
		);

	//Add Action on button5
	b5.addActionListener(
		new ActionListener() {
			public void actionPerformed(ActionEvent event) {
				images.setText(null);
				images.setIcon(dwarf);
				}
			}
		);

	//Add the panel and panel2 in the container or JFrame
	pane.add(panel, BorderLayout.WEST);
	pane.add(panel2, BorderLayout.EAST);

	setContentPane(pane);
	setVisible(true);
	}

	public static void main(String[] args) {
	imageSlideShowJbutton issjb = new imageSlideShowJbutton();
	}
}

Required Image(s):

Posted in: JButton,JPanel,Project