Java GUI Examples

    As promised this time I will show you some example GUI’s using everything that we talked about! I will start out with an simple Calculator, then I will do an Menu and lastly I will make a simple Game where you have to find which Button is the winning one. So, without further do. Let’s get started!

Code 1 (Calculator):

I will create a GUI that let’s you add, substract, multiply and divide 2 numbers. The 2 numbers will be double’s and we will have two TextFields for the Number Input, 4 Buttons for each calculation and some Labels, where one will be for displaying the Answer or Error (we will surround our Code with a try-catch statement).

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

public class Calculator {

    static double num;

    public static void main(String[] args) {

	// set up frame

	JFrame frame = new JFrame();

	frame.setSize(500, 500);

	frame.setTitle("Simple Calculator");

	frame.setLocationByPlatform(true);

	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

  


	// set up panel

	JPanel panel = new JPanel();

	// set layout to 5x2 grid layout

	panel.setLayout(new GridLayout(5, 2));

  


	// set up answer label

	JLabel answer = new JLabel();

  


	// set up number text fields

	JTextField num1 = new JTextField();

	JTextField num2 = new JTextField();

  


	// set up buttons

	JButton add = new JButton();

	add.setText("+");

	add.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent event) {

			try {

				num = Double.parseDouble(num1.getText())

				+ Double.parseDouble(num2.getText());

				answer.setText(Double.toString(num));

			} catch (Exception e) {

				answer.setText("Error!");

			}

		}

	});

	JButton sub = new JButton();

	sub.setText("-");

	sub.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent event) {

			try {

				num = Double.parseDouble(num1.getText())

				- Double.parseDouble(num2.getText());

				answer.setText(Double.toString(num));

			} catch (Exception e) {

				answer.setText("Error!");

			}

		}

	});

	JButton mul = new JButton();

	mul.setText("*");

	mul.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent event) {

			try {

				num = Double.parseDouble(num1.getText())

				* Double.parseDouble(num2.getText());

				answer.setText(Double.toString(num));

			} catch (Exception e) {

				answer.setText("Error!");

			}

		}

	});

	JButton div = new JButton();

	div.setText("/");

	div.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent event) {

			try {

				num = Double.parseDouble(num1.getText())

				/ Double.parseDouble(num2.getText());

				answer.setText(Double.toString(num));

			} catch (Exception e) {

				answer.setText("Error!");

			}

		}

	});

  


	// add components to panel

	panel.add(new JLabel("Number 1"));

	panel.add(new JLabel("Number 2"));

	panel.add(num1);

	panel.add(num2);

	panel.add(add);

	panel.add(sub);

	panel.add(mul);

	panel.add(div);

	panel.add(new JLabel("Answer"));

	panel.add(answer);

  


	// add panel to frame and make it visible

	frame.add(panel);

	frame.setVisible(true);

    }

}

Code 2 (Menu):

    Next Code will be a Switch Case like Menu that let’s us do different kinds of stuff on an ArrayList of Integers. We will be able to fill list with random numbers,  add specific number to list, search for a number in list, print the list and exit the programm (we will be able to do it using X again tho).

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

import java.util.ArrayList;

public class Menu {

    public static void main(String[] args) {

	// define list

	ArrayList<Integer> list = new ArrayList<>();

  


	// set up frame

	JFrame frame = new JFrame();

	frame.setSize(300, 500);

	frame.setTitle("List Menu");

	frame.setLocationByPlatform(true);

	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

  


	// set up panel

	JPanel panel = new JPanel();

	// set layout to 5x1 grid layout

	panel.setLayout(new GridLayout(5, 1));

  


	// set up buttons

	JButton rand, add, search, print, exit;

	rand = new JButton("Fill List with Random Numbers");

	rand.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent e) {

			for (int i = 0; i < 20; i++) {

				// add random number of range [1,100)

				list.add((int) (1 + Math.random() * 100));

			}

		}

	});

	add = new JButton("Add specific number to List");

	add.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent e) {

			int input;

			try {

				input = Integer.parseInt(JOptionPane.showInputDialog("Give me a number"));

				list.add(input);

			} catch (Exception ex) {

				JOptionPane.showMessageDialog(null, "An Error Occured!");

			}

		}

	});

	search = new JButton("Search for a number in List");

	search.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent e) {

			int input;

			try {

				input = Integer.parseInt(JOptionPane.showInputDialog("Give me a number"));

				if (list.contains(input)) {

					JOptionPane.showMessageDialog(null, input + " was found!");

				} else {

					JOptionPane.showMessageDialog(null, input + " wasn't found!");

				}

			} catch (Exception ex) {

				JOptionPane.showMessageDialog(null, "An Error Occured!");

			}

		}

	});

	print = new JButton("Print List");

	print.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent e) {

			String s = "";

			for (int i = 0; i < list.size(); i++) {

				s += list.get(i) + " ";

			}

			JOptionPane.showMessageDialog(null, "List: " + s);

		}

	});

	exit = new JButton("Exit");

	exit.addActionListener(new ActionListener() {

		@Override

		public void actionPerformed(ActionEvent e) {

			JOptionPane.showMessageDialog(null, "Bye!");

			System.exit(0);

		}

	});

  


	// add components to panel

	panel.add(rand);

	panel.add(add);

	panel.add(search);

	panel.add(print);

	panel.add(exit);

  


	// add panel to frame and make it visible

	frame.add(panel);

	frame.setVisible(true);

    }

}

Code 3 (Game):

    We will have a 3x3 sized grid of tiles and one of those tiles/buttons will be defined as the winning one. To do this we will set the names of the buttons to be 0 and one Tile will be selected at random and get the name 1. We will start with 9 points and white buttons. The pressed ones will turn red if they are not the wining tile and our points will decrease by 1.

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

public class Game {

    static int points = 9;

    public static void main(String[] args) {

	// set up frame

	JFrame frame = new JFrame();

	frame.setSize(500, 500);

	frame.setTitle("Game");

	frame.setLocationByPlatform(true);

	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

	frame.setLayout(new BorderLayout());

  


	// set up panel

	JPanel panel = new JPanel();

	// set layout to 3x3 grid layout

	panel.setLayout(new GridLayout(3, 3));

  


	// set up point label

	JLabel point = new JLabel();

	point.setText("Points: 9");

  


	// set up buttons

	JButton[] buttons = new JButton[9];

	for (int i = 0; i < buttons.length; i++) {

		buttons[i] = new JButton();

		buttons[i].setName("0");

		buttons[i].setBackground(Color.WHITE);

		buttons[i].addActionListener(new ActionListener() {

			@Override

			public void actionPerformed(ActionEvent e) {

				// get source object

				JButton b = (JButton) e.getSource();

				// check if wining tile

				if (b.getName().equals("1")) {

					JOptionPane.showMessageDialog(null, "You won with " + points + " points");

					// set points

					point.setText("Points: 9");

					points = 9;

					// reset buttons

					for (int i = 0; i < buttons.length; i++) {

						buttons[i].setName("0");

						buttons[i].setBackground(Color.WHITE);

						buttons[i].setEnabled(true);

					}

					// random wining tile

					buttons[(int) (Math.random() * buttons.length)].setName("1");

					return;

				}

				// else

				points--;

				point.setText("Points: " + Integer.toString(points));

				b.setBackground(Color.RED);

				b.setEnabled(false);

			}

		});

	}

	// random wining tile

	buttons[(int) (Math.random() * buttons.length)].setName("1");

  


	// add components to panel

	for (int i = 0; i < buttons.length; i++) {

		panel.add(buttons[i]);

	}

  


	// add components to frame and make it visible

	frame.add(point, BorderLayout.NORTH);

	frame.add(panel, BorderLayout.CENTER);

	frame.setVisible(true);

    }

}

That was the End of today’s Post. I will upload C again for some days before going to vacation. We will do more Advanced Lists, Queues and Trees.

Hope you enjoyed it! Thank You! Bye :)

Java Language


Basics


From C To Java

From C To Java

Classes and Methods

Java Classes and Methods

Composition and ArrayList

Java Composition and ArrayList

Inheritance

Java Inheritance

Interfaces

Java Interfaces

Exceptions

Java Exceptions

Files

Java Files

All-in-One Exercise

Java All-in-One Exercise

All-in-One Exercise Solution

Java All-in-One Exercise Solution


Datastructures


Data Structures

Java Data Structures


GUI


GUI (awt)

Java GUI (awt)

GUI (swing)

Java GUI (swing)

Events and Listeners

Java GUI Events and Listeners

GUI Examples

Java GUI Examples

All-In-One Exercise Extended

Java All-In-One Exercise Extended

Web Applets

Java Web Applets

All-In-One Exercise Extended Solution

Java All-In-One Exercise Extended Solution