The Anatomy of a GUI-Based Program

This page and the ones that follow pick apart a simple Java program that has a graphical UI, explaining:

the classes the program uses
the program's hierarchy of Components
how Components draw themselves
how events propagate through the hierarchy

The program converts distance measurements between metric and U.S. units. Here is its source code. Below is the program, running as an applet.

Your browser doesn't understand the <APPLET> tag. Here's a picture of the program, running as an application.

Classes in the Example Program

The example program defines three classes and creates instances of several classes that we provide. It defines an Applet subclass so that it can run as an applet. It creates Components to provide basic controls so that the user can interact with it. Using Containers and LayoutManagers, it groups the Components.

The Component Hierarchy

The Components in the example program are arranged in a hierarchy, with Containers defining the structure of the hierarchy.

Drawing

Components are drawn from the top of the hierarchy -- the program's window -- down to the non-Container Components.

Event Handling

User actions result in events, which are passed up the Component hierarchy until an object responds to the event.

Table of Contents