Software designed by using component-based architecture can easily be developed and deployed as a Java Web Start application. Consider the example of a Java Web Start application with a Swing-based graphical user interface (GUI). With component-based design, the GUI can be built with smaller building blocks or components. The following general steps are used to create an application's GUI:
MyTopJPanel
class that is a subclass of JPanel
.
Lay out your application's GUI components in the constructor of the MyTopJPanel
class.
MyApplication
that is a subclass of the JFrame
class.main
method of the MyApplication
class, instantiate the
MyTopJPanel
class and set it as the content pane of the
JFrame
.
The following sections explore these steps in greater detail by using the Dynamic Tree Demo application. If you are not familiar with Swing, see Creating a GUI with JFC/Swing to learn more about using Swing GUI components.
Click the following Launch button to launch the Dynamic Tree Demo application.
JPanel
ClassCreate a class that is a subclass of JPanel
. This top
JPanel
acts
as a container for all your other UI components. In the following example, the
DynamicTreePanel
class is the topmost JPanel
.
The constructor of the
DynamicTreePanel
class invokes other methods to create and lay out
the UI controls properly.
public class DynamicTreePanel extends JPanel implements ActionListener { private int newNodeSuffix = 1; private static String ADD_COMMAND = "add"; private static String REMOVE_COMMAND = "remove"; private static String CLEAR_COMMAND = "clear"; private DynamicTree treePanel; public DynamicTreePanel() { super(new BorderLayout()); //Create the components. treePanel = new DynamicTree(); populateTree(treePanel); JButton addButton = new JButton("Add"); addButton.setActionCommand(ADD_COMMAND); addButton.addActionListener(this); JButton removeButton = new JButton("Remove"); .... JButton clearButton = new JButton("Clear"); ... //Lay everything out. treePanel.setPreferredSize(new Dimension(300, 150)); add(treePanel, BorderLayout.CENTER); JPanel panel = new JPanel(new GridLayout(0,3)); panel.add(addButton); panel.add(removeButton); panel.add(clearButton); add(panel, BorderLayout.SOUTH); } .... }
For an application that has a Swing-based GUI, create a class that is a subclass of
javax.swing.JFrame
.
Instantiate your top JPanel
class and set it as the
content pane of the JFrame
in the application's main
method.
The main
method of the DynamicTreeApplication
class
invokes the createGUI
method in the AWT Event Dispatcher thread.
package webstartComponentArch; import javax.swing.JFrame; public class DynamicTreeApplication extends JFrame { public static void main(String [] args) { DynamicTreeApplication app = new DynamicTreeApplication(); app.createGUI(); } private void createGUI() { //Create and set up the content pane. DynamicTreePanel newContentPane = new DynamicTreePanel(); newContentPane.setOpaque(true); setContentPane(newContentPane); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); pack(); setVisible(true); } }
Another way to create an application is to just remove the layer of abstraction
(separate top JPanel
) and lay out all the controls in the
application's main
method itself.
The downside to creating the GUI directly in the application's main
method is that it will be more
difficult to deploy your functionality as an applet, if you choose to do so later.
In the Dynamic Tree Demo example, the core functionality is separated into the
DynamicTreePanel
class. It is now trivial to drop the
DynamicTreePanel
class
into a JApplet
and deploy it as an applet.
Hence, to preserve portability and keep deployment options open, follow component-based design as described in this topic.
Download source code for the Dynamic Tree Demo example to experiment further.