Chapter 13 - Graphical User Interface 1

Components: Part 1

Outline
13.1 Introduction
13.2 Overview of Swing Components
13.3 JLabel
13.4 Event Handling
13.5 TextFields
13.6 How Event Handling Works
13.7 JButton
13.8 JCheckBox and JRadioButton
13.9 JComboBox
13.10 JList
13.11 Multiple-Selection Lists
13.12 Mouse Event Handling
13.13 Adapter Classes
13.14 Key Event Handling

© 2003 Prentice Hall, Inc. All rights reserved.

 Chapter 13 - Graphical User Interface 2

Components: Part 1

Outline
13.15 Layout Managers
13.15.1 FlowLayout
13.15.2 BorderLayout
13.15.3 GridLayout
13.16 Panels
13.17 (Optional Case Study) Thinking About Objects: Use Cases

© 2003 Prentice Hall, Inc. All rights reserved.

 3

13.1 Introduction

• Graphical User Interface (GUI)

– Membuat program lebih “look” and “feel”
– Membuat user lebih familiarity
– GUI dapat dibuat melalui components (controls, widgets,
etc.)
• User berinteraksi dengan GUI component menggunakan
mouse, keyboard, dll.

© 2003 Prentice Hall, Inc. All rights reserved.

 4
Fig. 13.1 Netscape window with GUI
components

button menus menu bar combo box

scroll bars

© 2003 Prentice Hall, Inc. All rights reserved.

 5

Fig. 13.2 Beberapa basic GUI components

Component Description
JLabel An area where uneditable text or icons can be displayed.
JTextField An area in which the user inputs data from the keyboard. The area can also
display information.
JButton An area that triggers an event when clicked with the mouse.
JCheckBox A GUI component that is either selected or not selected.
JComboBox A drop-down list of items from which the user can make a selection by
clicking an item in the list or possibly by typing into the box.
JList An area containing a list of items from which the user can make a selection
by clicking on any element in the list. Multiple elements can be selected.
JPanel A container in which components can be placed and organized.

© 2003 Prentice Hall, Inc. All rights reserved.

 6

13.2 Overview of Swing Components

• Swing GUI components

– Berapa pada Package javax.swing
– Component ini asalnya (turunan) dari AWT (package
java.awt)
– Terlihat lebih look and feel dibanding AWT
• Baik itu dari sisi tampilan maupun bagaimana user berinteraksi
dengan program
– Lightweight components
• Written completely in Java

© 2003 Prentice Hall, Inc. All rights reserved.

 7

13.2 Overview of Swing Components

• Class Component
– Berisi method paint untuk drawing Component onscreen
• Class Container
– Kumpulan dari related components
– Berisi method add untuk menambahkan components
• Class JComponent
– Pluggable look and feel for customizing look and feel
– Shortcut keys (mnemonics)
– Common event-handling capabilities

© 2003 Prentice Hall, Inc. All rights reserved.

 8
Fig. 13.3 Hirarki superclass dari beberapa
Swing components

Object
Object

Component
Component

Container
Container

JComponent
JComponent

© 2003 Prentice Hall, Inc. All rights reserved.

 9
13.3 JLabel

• Label
– Untuk menampilkan teks pada GUI
– Class JLabel
– Dapat menampilkan:
• Saru baris read-only text
• Image
• Text dan image

• Note :
– contoh-contoh program yang ada menggunakan teknik programming secara
manual untuk membuat dan menempatkan tiap komponen
– Anda bisa menggunakan teknik drag and drop tiap komponen dari Toolbox
untuk menampatkan tiap komponen pada window Form, lalu set property tiap
komponen dengan property box (klik kanan pada komponen yang akan diatur
properties nya)

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.4: LabelTest.java Outline
2 // Demonstrating the JLabel class.
3 import java.awt.*;
4 import java.awt.event.*; LabelTest.java
5 import javax.swing.*;
6
7 public class LabelTest extends JFrame { Line 8
8 private JLabel label1, label2, label3; Declare three JLabels
9 Line 20
10 // set up GUI
11 public LabelTest()
12 {
Line 21
13 super( "Testing JLabel" );
14
15 // get content pane and set its layout
16 Container container = getContentPane();
17 container.setLayout( new FlowLayout() ); Create first JLabel with
18
text “Label with text”
19 // JLabel constructor with a string argument
20 label1 = new JLabel( "Label with text" );
21 label1.setToolTipText( "This is label1" );
Tool tip is text that appears when
22 container.add( label1 );
23
user moves cursor over JLabel

© 2003 Prentice Hall, Inc.

All rights reserved.
24 // JLabel constructor with string, Icon and alignment arguments Outline
25 Icon bug = new ImageIcon( "bug1.gif" );
26 label2 = new JLabel( "Label with text and icon", bug, Create second JLabel
27 SwingConstants.LEFT );
with text to left ofLabelTest.java
image
28 label2.setToolTipText( "This is label2" );
29 container.add( label2 );
30 Lines 16-17
31 // JLabel constructor no arguments
32 label3 = new JLabel(); Lines 32-37
33 label3.setText( "Label with icon and text at bottom" );
Create third JLabel
34 label3.setIcon( bug );
35 label3.setHorizontalTextPosition( SwingConstants.CENTER );
with text below image
36 label3.setVerticalTextPosition( SwingConstants.BOTTOM );
37 label3.setToolTipText( "This is label3" );
38 container.add( label3 );
39
40 setSize( 275, 170 );
41 setVisible( true );
42
43 } // end constructor
44
45 public static void main( String args[] )
46 {
47 LabelTest application = new LabelTest();
48 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
49 }

© 2003 Prentice Hall, Inc.

All rights reserved.
50 Outline
51 } // end class LabelTest

LabelTest.java

© 2003 Prentice Hall, Inc.

All rights reserved.
 13

13.4 Event Handling

• GUIs are event driven

– Generate events ketika user berinteraksi dengan GUI
• e.g., moving mouse, pressing button, typing in text field, etc.
• Class java.awt.AWTEvent

© 2003 Prentice Hall, Inc. All rights reserved.

 14
Fig. 13.5 Some event classes of package
java.awt.event

Object
Object

ActionEvent
ActionEvent

EventObject
EventObject

AdjustmentEvent
AdjustmentEvent

AWTEvent
AWTEvent ContainerEvent
ContainerEvent

ItemEvent
ItemEvent

FocusEvent
FocusEvent

TextEvent
TextEvent

PaintEvent
PaintEvent

ComponentEvent
ComponentEvent

WindowEvent
WindowEvent

InputEvent
InputEvent

KeyEvent
KeyEvent MouseEvent
MouseEvent

MouseWheelEvent
MouseWheelEvent

© 2003 Prentice Hall, Inc. All rights reserved.

 15

13.4 Event Handling

• Event-handling model
– Memiliki tiga bagian
• Event source
– GUI component dimana user berinteraksi
• Event object
– Enkapsulasi informasi terkait event yang dilakukan
• Event listener
– Menerima event object ketika ternotifikasi
– Programmer harus melakukan 2 tasks
• Register event listener untuk event source
• Implementasi event-handling method (event handler)

© 2003 Prentice Hall, Inc. All rights reserved.

 16
Fig. 13.6 Event-listener interfaces of package
java.awt.event
interface
«interface»
ActionListener
ActionListener

interface
«interface»
AdjustmentListener
AdjustmentListener
«interface»
interface
ComponentListener
ComponentListener

«interface»
interface
ContainerListener
ContainerListener

interface
«interface»
FocusListener
FocusListener

«interface»
interface «interface»
interface
EventListener ItemListener
EventListener ItemListener

«interface»
interface
KeyListener
KeyListener

interface
«interface»
MouseListener
MouseListener

interface
«interface»
MouseMotionListener
MouseMotionListener

interface
«interface»
TextListener
TextListener
«interface»
interface
WindowListener
TextListener

© 2003 Prentice Hall, Inc. All rights reserved.

 17

13.5 TextFields

• JTextField
– Single-line area dimana user dapat menuliskan/mengisikan
text
• JPasswordField
– Extends dari JTextField
– Dapat menyembukan characters yang dimasukkan user
dengan simbol tertentu yang dimasukkan pada properties

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.7: TextFieldTest.java Outline
2 // Demonstrating the JTextField class.
3 import java.awt.*;
4 import java.awt.event.*; TextFieldTest.j
5 import javax.swing.*;
6
ava
7 public class TextFieldTest extends JFrame {
8 private JTextField textField1, textField2, textField3; Declare three8-9
Lines
9 private JPasswordField passwordField; JTextFields and one
10 JPasswordField
Line 20
11 // set up GUI
12 public TextFieldTest()
13 { Line 24
14 super( "Testing JTextField and JPasswordField" );
15
16 Container container = getContentPane();
17 container.setLayout( new FlowLayout() );
18
19 // construct textfield with default sizing
First JTextField
20 textField1 = new JTextField( 10 );
21 container.add( textField1 ); contains empty string
22
23 // construct textfield with default text
24 textField2 = new JTextField( "Enter text here" ); Second JTextField contains
25 container.add( textField2 ); text “Enter text here”
26

© 2003 Prentice Hall, Inc.

All rights reserved.
27 // construct textfield with default text, Outline
28 // 20 visible elements and no event handler
29 textField3 = new JTextField( "Uneditable text field", 20 ); Third JTextField
30 textField3.setEditable( false ); TextFieldTest.j
contains uneditable text
31 container.add( textField3 );
32
ava
33 // construct passwordfield with default text
JPasswordField contains
34 passwordField = new JPasswordField( "Hidden text" ); text “Hidden Line
text,”30 but text
35 container.add( passwordField ); appears as series of asterisks (*)
36
Line 34
37 // register event handlers
38 TextFieldHandler handler = new TextFieldHandler();
39 textField1.addActionListener( handler ); Lines 39-42
40 textField2.addActionListener( handler );
41 textField3.addActionListener( handler ); Register GUI components with
42 passwordField.addActionListener( handler ); TextFieldHandler
43 (register for ActionEvents)
44 setSize( 325, 100 );
45 setVisible( true );
46
47 } // end constructor TextFieldTest
48
49 public static void main( String args[] )
50 {
51 TextFieldTest application = new TextFieldTest();
52 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
53 }

© 2003 Prentice Hall, Inc.

All rights reserved.
54 Outline
55 // private inner class for event handling
56 private class TextFieldHandler implements ActionListener {
57 Every TextFieldHandler
TextFieldTest.j
58 // process textfield events
59 public void actionPerformed( ActionEvent event )
instance is an ActionListener
ava
60 {
61 String string = ""; Line 56
62 Method actionPerformed
63 // user pressed Enter in JTextField textField1 invoked when user
Linepresses
59
64 if ( event.getSource() == textField1 ) Enter in GUI field
65 string = "textField1: " + event.getActionCommand();
66
67 // user pressed Enter in JTextField textField2
68 else if ( event.getSource() == textField2 )
69 string = "textField2: " + event.getActionCommand();
70
71 // user pressed Enter in JTextField textField3
72 else if ( event.getSource() == textField3 )
73 string = "textField3: " + event.getActionCommand();
74
75 // user pressed Enter in JTextField passwordField
76 else if ( event.getSource() == passwordField ) {
77 string = "passwordField: " +
78 new String( passwordField.getPassword() );
79 }

© 2003 Prentice Hall, Inc.

All rights reserved.
80 Outline
81 JOptionPane.showMessageDialog( null, string );
82
83 } // end method actionPerformed TextFieldTest.j
84
85 } // end private inner class TextFieldHandler
ava
86
87 } // end class TextFieldTest

© 2003 Prentice Hall, Inc.

All rights reserved.
 Outline

TextFieldTest.j
ava

© 2003 Prentice Hall, Inc.

All rights reserved.
 23

13.6 How Event Handling Works

• Two open questions from Section 13.4

– How did event handler get registered?
• Answer:
– Through component’s method addActionListener
– Lines 39-42 of TextFieldTest.java
– How does component know to call actionPerformed?
• Answer:
– Event is dispatched only to listeners of appropriate type
– Each event type has corresponding event-listener interface
• Event ID specifies event type that occurred

© 2003 Prentice Hall, Inc. All rights reserved.

 Fig. 13.8 Event registration for JTextField 24

textField1

textField1 handler

listenerList public void actionPerformed(

ActionEvent event )
{
// event handled here
JTextField } TextFieldHandler
object object

...

This reference is created by the statement

textField1.addActionListener( handler );

© 2003 Prentice Hall, Inc. All rights reserved.

 25

13.7 JButton

• Button
– Component berupa user clicks untuk men-trigger aksi
tertentu
– Macam tipe dari Button
• Command buttons
• Check boxes
• Toggle buttons
• Radio buttons
– javax.swing.AbstractButton subclasses
• Command buttons dibuat melalui class JButton
– Generate ActionEvents ketika user meng-clicks button

© 2003 Prentice Hall, Inc. All rights reserved.

 26

Fig. 13.9 Swing button hierarchy

JComponent
JComponent

AbstractButton
AbstractButton

JButton JToggleButton
JButton JToggleButton

JCheckBox JRadioButton
JCheckBox JRadioButton

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.10: ButtonTest.java Outline
2 // Creating JButtons.
3 import java.awt.*;
4 import java.awt.event.*; ButtonTest.java
5 import javax.swing.*;
6
7 public class ButtonTest extends JFrame { Line 8
Create two references
8 private JButton plainButton, fancyButton;
9
to JButton instances
Line 20
10 // set up GUI
11 public ButtonTest()
12 {
Lines 24-26
13 super( "Testing Buttons" );
14
15 // get content pane and set its layout
16 Container container = getContentPane();
17 container.setLayout( new FlowLayout() );
18
19 // create buttons
20 plainButton = new JButton( "Plain Button" ); Instantiate JButton with text
21 container.add( plainButton );
22
23 Icon bug1 = new ImageIcon( "bug1.gif" );
24 Icon bug2 = new ImageIcon( "bug2.gif" );
25 fancyButton = new JButton( "Fancy Button", bug1 ); Instantiate JButton with
26 fancyButton.setRolloverIcon( bug2 ); image and rollover image
27 container.add( fancyButton );

© 2003 Prentice Hall, Inc.

All rights reserved.
28 Outline
29 // create an instance of inner class ButtonHandler
Instantiate ButtonHandler
30 // to use for button event handling
31 ButtonHandler handler = new ButtonHandler(); for JButton event handling
ButtonTest.java
32 fancyButton.addActionListener( handler );
Register JButtons to receive
33 plainButton.addActionListener( handler );
34 events from ButtonHandler
Line 31
35 setSize( 275, 100 );
36 setVisible( true ); Lines 32-33
37
38 } // end ButtonTest constructor
39
Line 50
40 public static void main( String args[] )
41 {
42 ButtonTest application = new ButtonTest();
43 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
44 }
45
46 // inner class for button event handling
47 private class ButtonHandler implements ActionListener {
48 When user clicks JButton,
49 // handle button event
50 public void actionPerformed( ActionEvent event )
ButtonHandler invokes
51 { method actionPerformed
52 JOptionPane.showMessageDialog( ButtonTest.this, of all registered listeners
53 "You pressed: " + event.getActionCommand() );
54 }

© 2003 Prentice Hall, Inc.

All rights reserved.
55 Outline
56 } // end private inner class ButtonHandler
57
58 } // end class ButtonTest ButtonTest.java

© 2003 Prentice Hall, Inc.

All rights reserved.
 30

13.8 JCheckBox and JRadioButton

• State buttons
– On/Off or true/false values
– Java menyediakan tiga tipe stae button
• JToggleButton
• JCheckBox
• JRadioButton

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.11: CheckBoxTest.java Outline
2 // Creating JCheckBox buttons.
3 import java.awt.*;
4 import java.awt.event.*; CheckBoxTest.ja
5 import javax.swing.*;
6
va
7 public class CheckBoxTest extends JFrame {
8 private JTextField field; Line 9
9 private JCheckBox bold, italic; Declare two JCheckBox instances
10
Line 22
11 // set up GUI
12 public CheckBoxTest()
13 {
14 super( "JCheckBox Test" );
15
16 // get content pane and set its layout
17 Container container = getContentPane();
18 container.setLayout( new FlowLayout() );
19
20 // set up JTextField and set its font
21 field = new JTextField( "Watch the font style change", 20 );
Set JTextField font
22 field.setFont( new Font( "Serif", Font.PLAIN, 14 ) );
23 container.add( field );
to Serif, 14-point plain
24

© 2003 Prentice Hall, Inc.

All rights reserved.
25 // create checkbox objects Outline
26 bold = new JCheckBox( "Bold" );
27 container.add( bold ); Instantiate JCheckBoxs for bolding and
28 CheckBoxTest.ja
italicizing JTextField text, respectively
29 italic = new JCheckBox( "Italic" );
30 container.add( italic );
va
31
32 // register listeners for JCheckBoxes Lines 26 and 29
33 CheckBoxHandler handler = new CheckBoxHandler();
34 bold.addItemListener( handler ); Register JCheckBoxs to receive
Lines 34-35
35 italic.addItemListener( handler ); events from CheckBoxHandler
36
37 setSize( 275, 100 );
38 setVisible( true );
39
40 } // end CheckBoxText constructor
41
42 public static void main( String args[] )
43 {
44 CheckBoxTest application = new CheckBoxTest();
45 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
46 }
47

© 2003 Prentice Hall, Inc.

All rights reserved.
48 // private inner class for ItemListener event handling Outline
49 private class CheckBoxHandler implements ItemListener {
50 private int valBold = Font.PLAIN;
51 private int valItalic = Font.PLAIN; When user selects JCheckBox,
CheckBoxTest.ja
52
53 // respond to checkbox events
CheckBoxHandler vainvokes
54 public void itemStateChanged( ItemEvent event ) method itemStateChanges of
55 { all registered listeners
Line 54
56 // process bold checkbox events
57 if ( event.getSource() == bold )
Line 65
58 valBold = bold.isSelected() ? Font.BOLD : Font.PLAIN;
59
60 // process italic checkbox events
61 if ( event.getSource() == italic ) Change JTextField font, depending
62 valItalic = italic.isSelected() ? Font.ITALIC : Font.PLAIN;
on which JCheckBox was selected
63
64 // set text field font
65 field.setFont( new Font( "Serif", valBold + valItalic, 14 ) );
66
67 } // end method itemStateChanged
68
69 } // end private inner class CheckBoxHandler
70
71 } // end class CheckBoxTest

© 2003 Prentice Hall, Inc.

All rights reserved.
 Outline

CheckBoxTest.ja
va

© 2003 Prentice Hall, Inc.

All rights reserved.
1 // Fig. 13.12: RadioButtonTest.java Outline
2 // Creating radio buttons using ButtonGroup and JRadioButton.
3 import java.awt.*;
4 import java.awt.event.*; RadioButtonTest
5 import javax.swing.*;
6
.java
7 public class RadioButtonTest extends JFrame { Declare four JRadioButton instances
8 private JTextField field; Lines 10-11
9 private Font plainFont, boldFont, italicFont, boldItalicFont;
10 private JRadioButton plainButton, boldButton, italicButton,
Line 12
11 boldItalicButton;
12 private ButtonGroup radioGroup;
JRadioButtons normally
13 appear as a ButtonGroup
14 // create GUI and fonts
15 public RadioButtonTest()
16 {
17 super( "RadioButton Test" );
18
19 // get content pane and set its layout
20 Container container = getContentPane();
21 container.setLayout( new FlowLayout() );
22
23 // set up JTextField
24 field = new JTextField( "Watch the font style change", 25 );
25 container.add( field );
26

© 2003 Prentice Hall, Inc.

All rights reserved.
27 // create radio buttons Outline
28 plainButton = new JRadioButton( "Plain", true );
29 container.add( plainButton );
30 RadioButtonTest
31 boldButton = new JRadioButton( "Bold", false );
32 container.add( boldButton );
.java
33
34 italicButton = new JRadioButton( "Italic", false ); Instantiate JRadioButtons for
Lines 28-35
35 container.add( italicButton ); manipulating JTextField text font
36
Lines 41-45
37 boldItalicButton = new JRadioButton( "Bold/Italic", false );
38 container.add( boldItalicButton );
39
40 // create logical relationship between JRadioButtons
41 radioGroup = new ButtonGroup();
JRadioButtons belong
42 radioGroup.add( plainButton ); to ButtonGroup
43 radioGroup.add( boldButton );
44 radioGroup.add( italicButton );
45 radioGroup.add( boldItalicButton );
46
47 // create font objects
48 plainFont = new Font( "Serif", Font.PLAIN, 14 );
49 boldFont = new Font( "Serif", Font.BOLD, 14 );
50 italicFont = new Font( "Serif", Font.ITALIC, 14 );
51 boldItalicFont = new Font( "Serif", Font.BOLD + Font.ITALIC, 14 );
52 field.setFont( plainFont ); // set initial font
53

© 2003 Prentice Hall, Inc.

All rights reserved.
54 // register events for JRadioButtons Outline
55 plainButton.addItemListener( new RadioButtonHandler( plainFont ) );
56 Register JRadioButtons
boldButton.addItemListener( new RadioButtonHandler( boldFont ) );
57 italicButton.addItemListener( to receive events from
RadioButtonTest
58 new RadioButtonHandler( italicFont ) ); RadioButtonHandler
59 boldItalicButton.addItemListener(
.java
60 new RadioButtonHandler( boldItalicFont ) );
61 Lines 55-60
62 setSize( 300, 100 );
63 setVisible( true );
64
65 } // end RadioButtonTest constructor
66
67 public static void main( String args[] )
68 {
69 RadioButtonTest application = new RadioButtonTest();
70 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
71 }
72
73 // private inner class to handle radio button events
74 private class RadioButtonHandler implements ItemListener {
75 private Font font;
76
77 public RadioButtonHandler( Font f )
78 {
79 font = f;
80 }

© 2003 Prentice Hall, Inc.

All rights reserved.
81 Outline
82 // handle radio button events
When user selects JRadioButton,
83 public void itemStateChanged( ItemEvent event )
84 { RadioButtonHandler invokes
RadioButtonTest
85 field.setFont( font ); method itemStateChanged of
.java
86 } all registered listeners
87
88 } // end private inner class RadioButtonHandler Line 83
89 Set font corresponding to
90 } // end class RadioButtonTest JRadioButton Line selected
85

© 2003 Prentice Hall, Inc.

All rights reserved.
 39

13.9 JComboBox

• JComboBox
– Berupa List of items dimana user dapat memilih
– Disebut juga drop-down list

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.13: ComboBoxTest.java Outline
2 // Using a JComboBox to select an image to display.
3 import java.awt.*;
4 import java.awt.event.*; ComboBoxTest.ja
5 import javax.swing.*;
6
va
7 public class ComboBoxTest extends JFrame {
8 private JComboBox imagesComboBox;
9 private JLabel label;
10
11 private String names[] =
12 { "bug1.gif", "bug2.gif", "travelbug.gif", "buganim.gif" };
13 private Icon icons[] = { new ImageIcon( names[ 0 ] ),
14 new ImageIcon( names[ 1 ] ), new ImageIcon( names[ 2 ] ),
15 new ImageIcon( names[ 3 ] ) };
16
17 // set up GUI
18 public ComboBoxTest()
19 {
20 super( "Testing JComboBox" );
21
22 // get content pane and set its layout
23 Container container = getContentPane();
24 container.setLayout( new FlowLayout() );
25

© 2003 Prentice Hall, Inc.

All rights reserved.
26 // set up JComboBox and register its event handler Outline
27 imagesComboBox = new JComboBox( names ); Instantiate JComboBox to
28 imagesComboBox.setMaximumRowCount( 3 ); show three Strings from
29 imagesComboBox.addItemListener( ComboBoxTest.ja
names array at a time
30
31 new ItemListener() { // anonymous inner class
va
32
Register JComboBox to receive events
33 // handle JComboBox event Lines 27-28
34 public void itemStateChanged( ItemEvent event )
from anonymous ItemListener
35 {
Line 29
36 // determine whether check box selected
37 if ( event.getStateChange() == ItemEvent.SELECTED )
38 label.setIcon( icons[ Line 34
39 imagesComboBox.getSelectedIndex() ] );
40 } When user selects item in JComboBox,
Lines 38-39
41
42 } // end anonymous inner class
ItemListener invokes method
43 itemStateChanged of all registered listeners
44 ); // end call to addItemListener
45
46 container.add( imagesComboBox );
Set appropriate Icon
47 depending on user selection
48 // set up JLabel to display ImageIcons
49 label = new JLabel( icons[ 0 ] );
50 container.add( label );
51

© 2003 Prentice Hall, Inc.

All rights reserved.
52 setSize( 350, 100 ); Outline
53 setVisible( true );
54
55 } // end ComboBoxTest constructor ComboBoxTest.ja
56
57 public static void main( String args[] )
va
58 {
59 ComboBoxTest application = new ComboBoxTest();
60 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
61 }
62
63 } // end class ComboBoxTest

© 2003 Prentice Hall, Inc.

All rights reserved.
 43

13.10 JList

• List
– Urutan items
– user dapat memilih satu atau lebih item
– Single-selection vs. multiple-selection
– JList

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.14: ListTest.java Outline
2 // Selecting colors from a JList.
3 import java.awt.*;
4 import javax.swing.*; ListTest.java
5 import javax.swing.event.*;
6
7 public class ListTest extends JFrame {
8 private JList colorList;
9 private Container container;
10
11 private final String colorNames[] = { "Black", "Blue", "Cyan",
12 "Dark Gray", "Gray", "Green", "Light Gray", "Magenta",
13 "Orange", "Pink", "Red", "White", "Yellow" };
14
15 private final Color colors[] = { Color.BLACK, Color.BLUE, Color.CYAN,
16 Color.DARK_GRAY, Color.GRAY, Color.GREEN, Color.LIGHT_GRAY,
17 Color.MAGENTA, Color.ORANGE, Color.PINK, Color.RED, Color.WHITE,
18 Color.YELLOW };
19
20 // set up GUI
21 public ListTest()
22 {
23 super( "List Test" );
24
25 // get content pane and set its layout
26 container = getContentPane();
27 container.setLayout( new FlowLayout() );

© 2003 Prentice Hall, Inc.

All rights reserved.
28 Outline
29 // create a list with items in colorNames array
Use colorNames array
30 colorList = new JList( colorNames );
31 colorList.setVisibleRowCount( 5 ); to populate JList
ListTest.java
32
33 // do not allow multiple selections
34 colorList.setSelectionMode( ListSelectionModel.SINGLE_SELECTION ); Line 30
35
36 // add a JScrollPane containing JList to content pane Line 34
37 container.add( new JScrollPane( colorList ) ); JList allows single selections
38 colorList.addListSelectionListener(
39
Line 38
40 new ListSelectionListener() { // anonymous Register JList to receive events from
inner class
41 Line 43
anonymous ListSelectionListener
42 // handle list selection events
43 public void valueChanged( ListSelectionEvent event )
Lines 45-46
44 {
45 container.setBackground(
46 colors[ colorList.getSelectedIndex() ] );
47 }
48 When user selects item in JList,
49 } // end anonymous inner class ListSelectionListener
50
invokes method valueChanged of
51 ); // end call to addListSelectionListener
52 all registered listeners

Set appropriate background

depending on user selection

© 2003 Prentice Hall, Inc.

All rights reserved.
53 setSize( 350, 150 ); Outline
54 setVisible( true );
55
56 } // end ListTest constructor ListTest.java
57
58 public static void main( String args[] )
59 {
60 ListTest application = new ListTest();
61 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
62 }
63
64 } // end class ListTest

© 2003 Prentice Hall, Inc.

All rights reserved.
 47

13.11 Multiple-Selection Lists

• Multiple-selection list
– Memilih beberapa items dari Jlist
– Allows continuous range selection

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.15: MultipleSelectionTest.java Outline
2 // Copying items from one List to another.
3 import java.awt.*;
4 import java.awt.event.*; MultipleSelecti
5 import javax.swing.*;
6
onTest.java
7 public class MultipleSelectionTest extends JFrame {
8 private JList colorList, copyList; Lines 10-12 and 24
9 private JButton copyButton;
10 private final String colorNames[] = { "Black", "Blue", "Cyan",
Lines 26-27
11 "Dark Gray", "Gray", "Green", "Light Gray", "Magenta", "Orange",
12 "Pink", "Red", "White", "Yellow" };
13
14 // set up GUI
15 public MultipleSelectionTest()
16 {
17 super( "Multiple Selection Lists" );
18 Use colorNames array
19 // get content pane and set its layout to populate JList
20 Container container = getContentPane();
21 container.setLayout( new FlowLayout() );
22
23 // set up JList colorList
24 colorList = new JList( colorNames );
25 colorList.setVisibleRowCount( 5 );
26 colorList.setSelectionMode(
JList colorList
27 ListSelectionModel.MULTIPLE_INTERVAL_SELECTION );
28 container.add( new JScrollPane( colorList ) );
allows multiple selections

© 2003 Prentice Hall, Inc.

All rights reserved.
29 Outline
30 // create copy button and register its listener
31 copyButton = new JButton( "Copy >>>" );
32 copyButton.addActionListener( MultipleSelecti
33
34 new ActionListener() { // anonymous inner class
onTest.java
35
36 // handle button event Line 40
37 public void actionPerformed( ActionEvent event )
38 {
Lines 54-55
39 // place selected values in copyList
40 copyList.setListData( colorList.getSelectedValues() );
41 }
42
43 } // end anonymous inner class When user presses JButton, JList
44 copyList adds items that user
45 ); // end call to addActionListener selected from JList colorList
46
47 container.add( copyButton );
48
49 // set up JList copyList
50 copyList = new JList( );
51 copyList.setVisibleRowCount( 5 );
52 copyList.setFixedCellWidth( 100 );
53 copyList.setFixedCellHeight( 15 );
54 copyList.setSelectionMode( JList colorList
55 ListSelectionModel.SINGLE_INTERVAL_SELECTION );
allows single selections
56 container.add( new JScrollPane( copyList ) );

© 2003 Prentice Hall, Inc.

All rights reserved.
57 Outline
58 setSize( 300, 130 );
59 setVisible( true );
60 MultipleSelecti
61 } // end constructor MultipleSelectionTest
62
onTest.java
63 public static void main( String args[] )
64 {
65 MultipleSelectionTest application = new MultipleSelectionTest();
66 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
67 }
68
69 } // end class MultipleSelectionTest

© 2003 Prentice Hall, Inc.

All rights reserved.
 51

13.12 Mouse Event Handling

• Event-listener interfaces pada mouse events

– MouseListener
– MouseMotionListener
– Listen for MouseEvents

© 2003 Prentice Hall, Inc. All rights reserved.

 Fig. 13.16 MouseListener and 52

MouseMotionListener interface methods

MouseListener and MouseMotionListener interface methods
Methods of interface MouseListener

public void mousePressed( MouseEvent event )

Called when a mouse button is pressed while the mouse cursor is on a component.
public void mouseClicked( MouseEvent event )
Called when a mouse button is pressed and released while the mouse cursor remains
stationary on a component.
public void mouseReleased( MouseEvent event )
Called when a mouse button is released after being pressed. This event is always
preceded by a mousePressed event.
public void mouseEntered( MouseEvent event )
Called when the mouse cursor enters the bounds of a component.
public void mouseExited( MouseEvent event )
Called when the mouse cursor leaves the bounds of a component.
Methods of interface MouseMotionListener
public void mouseDragged( MouseEvent event )
Called when the mouse button is pressed while the mouse cursor is on a component
and the mouse is moved while the mouse button remains pressed. This event is always
preceded by a call to mousePressed. All drag events are sent to the component on
which the drag began.
public void mouseMoved( MouseEvent event )
Called when the mouse is moved when the mouse cursor on a component. All move
events are sent to the component over which the mouse is currently positioned.

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.17: MouseTracker.java Outline
2 // Demonstrating mouse events.
3 import java.awt.*;
4 import java.awt.event.*; MouseTracker.ja
5 import javax.swing.*;
6
va
7 public class MouseTracker extends JFrame
8 implements MouseListener, MouseMotionListener { Lines 20-21
9
10 private JLabel statusBar;
11
12 // set up GUI and register mouse event handlers
13 public MouseTracker()
14 {
15 super( "Demonstrating Mouse Events" );
16
17 statusBar = new JLabel();
18 getContentPane().add( statusBar, BorderLayout.SOUTH );
19
Register JFrame to
20 addMouseListener( this ); // listens for own mouse and
21 addMouseMotionListener( this ); receive mouse
// mouse-motion events events
22
23 setSize( 275, 100 );
24 setVisible( true );
25 }
26

© 2003 Prentice Hall, Inc.

All rights reserved.
27 // MouseListener event handlers Outline
28 // handle event when mouse released immediately after press
Invoked when user presses
29 public void mouseClicked( MouseEvent event )
30 {
and releases mouse button
MouseTracker.ja
31 statusBar.setText( "Clicked at [" + event.getX() +
32 ", " + event.getY() + "]" );
va
33 }
34 Line 29
35 // handle event when mouse pressed
Invoked when user
36 public void mousePressed( MouseEvent event )
Line 36
presses mouse button
37 {
38 statusBar.setText( "Pressed at [" + event.getX() +
39 ", " + event.getY() + "]" ); Line 43
40 }
41 Line 50
42 // handle event when mouse released after dragging
43 public void mouseReleased( MouseEvent event )
Invoked when user releases mouse
44 { button after dragging mouse
45 statusBar.setText( "Released at [" + event.getX() +
46 ", " + event.getY() + "]" );
47 }
48
49 // handle event when mouse enters area
50 public void mouseEntered( MouseEvent event ) Invoked when mouse
51 { cursor enters JFrame

© 2003 Prentice Hall, Inc.

All rights reserved.
52 statusBar.setText( "Mouse entered at [" + event.getX() + Outline
53 ", " + event.getY() + "]" );
54 getContentPane().setBackground( Color.GREEN );
55 } MouseTracker.ja
56
57 // handle event when mouse exits area
va
Invoked when mouse
58 public void mouseExited( MouseEvent event )
59 {
JFrame
cursor exits Line 58
60 statusBar.setText( "Mouse outside window" );
61 getContentPane().setBackground( Color.WHITE );
Line 66
62 }
63
64 // MouseMotionListener event handlers Line 73
65 // handle event when user drags mouse with button pressed
66 public void mouseDragged( MouseEvent event )
Invoked when user
67 { drags mouse cursor
68 statusBar.setText( "Dragged at [" + event.getX() +
69 ", " + event.getY() + "]" );
70 }
71
72 // handle event when user moves mouse
Invoked when user
73 public void mouseMoved( MouseEvent event )
74 {
moves mouse cursor
75 statusBar.setText( "Moved at [" + event.getX() +
76 ", " + event.getY() + "]" );
77 }
78

© 2003 Prentice Hall, Inc.

All rights reserved.
79 public static void main( String args[] ) Outline
80 {
81 MouseTracker application = new MouseTracker();
82 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); MouseTracker.ja
83 }
84
va
85 } // end class MouseTracker

© 2003 Prentice Hall, Inc.

All rights reserved.
 57

13.13 Adapter Classes

• Adapter class
– Implements interface
– Provides default implementation of each interface method
– Used when all methods in interface is not needed

© 2003 Prentice Hall, Inc. All rights reserved.

 58
Fig. 13.18 Event-adapter classes and the interfaces
they implement in package java.awt.event

Event-adapter class Implements interface

ComponentAdapter ComponentListener

ContainerAdapter ContainerListener
FocusAdapter FocusListener
KeyAdapter KeyListener
MouseAdapter MouseListener
MouseMotionAdapter MouseMotionListener
WindowAdapter WindowListener

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.19: Painter.java Outline
2 // Using class MouseMotionAdapter.
3 import java.awt.*;
4 import java.awt.event.*; Painter.java
5 import javax.swing.*;
6
7 public class Painter extends JFrame { Line 22
8 private int pointCount = 0;
9
10 // array of 1000 java.awt.Point references
11 private Point points[] = new Point[ 1000 ];
12
13 // set up GUI and register mouse event handler
14 public Painter()
15 {
16 super( "A simple paint program" );
17
18 // create a label and place it in SOUTH of BorderLayout
19 getContentPane().add( new JLabel( "Drag the mouse to draw" ),
20 BorderLayout.SOUTH );
21
Register MouseMotionListener to
22 addMouseMotionListener(
23
listen for window’s mouse-motion events
24 new MouseMotionAdapter() { // anonymous inner class
25

© 2003 Prentice Hall, Inc.

All rights reserved.
26 // store drag coordinates and repaint Outline
Override method mouseDragged,
27 public void mouseDragged( MouseEvent event )
28 {
but not method mouseMoved
29 if ( pointCount < points.length ) { Painter.java
30 points[ pointCount ] = event.getPoint();
31 ++pointCount; Store coordinates where mouse was
32 repaint(); Line 27
dragged, then repaint JFrame
33 }
34 } Line 30
35
36 } // end anonymous inner class
37
Line 51
38 ); // end call to addMouseMotionListener
39
40 setSize( 300, 150 );
41 setVisible( true );
42
43 } // end Painter constructor
44
45 // draw oval in a 4-by-4 bounding box at specified location on window
46 public void paint( Graphics g )
47 {
48 super.paint( g ); // clears drawing area
49
50 for ( int i = 0; i < points.length && points[ i ] != null; i++ )
51 g.fillOval( points[ i ].x, points[ i ].y, 4, 4 );
Draw circle of diameter 4
52 } where user dragged cursor

© 2003 Prentice Hall, Inc.

All rights reserved.
53 Outline
54 public static void main( String args[] )
55 {
56 Painter application = new Painter(); Painter.java
57 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
58 }
59
60 } // end class Painter

© 2003 Prentice Hall, Inc.

All rights reserved.
1 // Fig. 13.20: MouseDetails.java Outline
2 // Demonstrating mouse clicks and distinguishing between mouse buttons.
3 import java.awt.*;
4 import java.awt.event.*; MouseDetails.ja
5 import javax.swing.*;
6
va
7 public class MouseDetails extends JFrame {
8 private int xPos, yPos; Line 15
9
10 // set title bar String; register mouse listener; size and show window
11 public MouseDetails()
12 {
13 super( "Mouse clicks and buttons" );
14
15 addMouseListener( new MouseClickHandler() ); Register mouse listener
16
17 setSize( 350, 150 );
18 setVisible( true );
19 }
20
21 // draw String at location where mouse was clicked
22 public void paint( Graphics g )
23 {
24 // call superclass paint method
25 super.paint( g );
26

© 2003 Prentice Hall, Inc.

All rights reserved.
27 g.drawString( "Clicked @ [" + xPos + ", " + yPos + "]", Outline
28 xPos, yPos );
29 }
30 MouseDetails.ja
31 public static void main( String args[] )
32 {
va
33 MouseDetails application = new MouseDetails();
34 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); Line 41
35 }
36
Lines 43-44
Invoke method mouseClicked
37 // inner class to handle mouse events
38 private class MouseClickHandler extends MouseAdapter { when user clicks mouse
39 Line 46
40 // handle mouse click event and determine which button was pressed
41 public void mouseClicked( MouseEvent event ) Line 48
Store mouse-cursor coordinates
42 {
43 xPos = event.getX();
where mouse was clicked
44 yPos = event.getY(); Determine Line 51 of
number times
45 user has clicked mouse
46 String title = "Clicked " + event.getClickCount() + " time(s)";
47
Determine if user clicked
48 if ( event.isMetaDown() ) // right mouse button
49 title += " with right mouse button"; right mouse button
50
Determine if user clicked
51 else if ( event.isAltDown() ) // middle mouse button
52 title += " with center mouse button";
middle mouse button

© 2003 Prentice Hall, Inc.

All rights reserved.
53 Outline
54 else // left mouse button
55 title += " with left mouse button";
56 MouseDetails.ja
57 setTitle( title ); // set title bar of window
58 repaint();
va
59
60 } // end method mouseClicked
61
62 } // end private inner class MouseClickHandler
63
64 } // end class MouseDetails

© 2003 Prentice Hall, Inc.

All rights reserved.
 65
Fig. 13.21 InputEvent methods that help distinguish
among left-, center- and right-mouse-button clicks

InputEvent method Description

isMetaDown() Returns true when the user clicks the right mouse button on a
mouse with two or three buttons. To simulate a right-mouse-button
click on a one-button mouse, the user can hold down the Meta key
on the keyboard and click the mouse button.

isAltDown() Returns true when the user clicks the middle mouse button on a
mouse with three buttons. To simulate a middle-mouse-button click
on a one- or two-button mouse, the user can press the Alt key on the
keyboard and click the only- or left-mouse button, respectively.

© 2003 Prentice Hall, Inc. All rights reserved.

 66

13.14 Key Event Handling

• Interface KeyListener
– Handles key events
• Generated when keys on keyboard are pressed and released
• KeyEvent
– Contains virtual key code that represents key

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.22: KeyDemo.java Outline
2 // Demonstrating keystroke events.
3 import java.awt.*;
4 import java.awt.event.*; KeyDemo.java
5 import javax.swing.*;
6
7 public class KeyDemo extends JFrame implements KeyListener { Line 23
8 private String line1 = "", line2 = "", line3 = "";
9 private JTextArea textArea;
10
11 // set up GUI
12 public KeyDemo()
13 {
14 super( "Demonstrating Keystroke Events" );
15
16 // set up JTextArea
17 textArea = new JTextArea( 10, 15 );
18 textArea.setText( "Press any key on the keyboard..." );
19 textArea.setEnabled( false );
20 textArea.setDisabledTextColor( Color.BLACK );
21 getContentPane().add( textArea );
22
23 addKeyListener( this ); // allow frame to process Key events
Register JFrame for key events
24
25 setSize( 350, 100 );
26 setVisible( true );

© 2003 Prentice Hall, Inc.

All rights reserved.
27 Outline
28 } // end KeyDemo constructor
29
30 // handle press of any key KeyDemo.java
31 public void keyPressed( KeyEvent event ) Called when user presses key
32 {
33 line1 = "Key pressed: " + event.getKeyText( event.getKeyCode() ); Line 31
34 setLines2and3( event );
35 } Line 33 and 40
36 Return virtual key code
37 // handle release of any key
38 public void keyReleased( KeyEvent event ) Called when Line 38
user releases key
39 {
40 line1 = "Key released: " + event.getKeyText( event.getKeyCode() ); Line 45
41 setLines2and3( event );
42 }
43
44 // handle press of an action key
45 public void keyTyped( KeyEvent event ) Called when user types key
46 {
47 line1 = "Key typed: " + event.getKeyChar();
48 setLines2and3( event );
49 }
50
51 // set second and third lines of output
52 private void setLines2and3( KeyEvent event )
53 {

© 2003 Prentice Hall, Inc.

All rights reserved.
54 line2 = "This key is " + ( event.isActionKey() ? "" : "not " ) + Outline
55 "an action key";
56
57 String temp = event.getKeyModifiersText( event.getModifiers() ); KeyDemo.java
58
59 line3 = "Modifier keys pressed: " +
60 ( temp.equals( "" ) ? "none" : temp ); Line 57
Determine if modifier keys (e.g., Alt,
61
62 textArea.setText( line1 + "\n" + line2 + "\n" + line3
Ctrl, Meta and Shift) were used
+ "\n" );
63 }
64
65 public static void main( String args[] )
66 {
67 KeyDemo application = new KeyDemo();
68 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
69 }
70
71 } // end class KeyDemo

© 2003 Prentice Hall, Inc.

All rights reserved.
 Outline

KeyDemo.java

© 2003 Prentice Hall, Inc.

All rights reserved.
 71

13.15 Layout Managers

• Layout managers
– Provided for arranging GUI components
– Provide basic layout capabilities
– Processes layout details
– Programmer can concentrate on basic “look and feel”
– Interface LayoutManager

© 2003 Prentice Hall, Inc. All rights reserved.

 72

Fig. 13.23 Layout managers

Layout manager Description

FlowLayout Default for java.awt.Applet, java.awt.Panel and
javax.swing.JPanel. Places components sequentially (left to right)
in the order they were added. It is also possible to specify the order of
the components by using the Container method add, which takes a
Component and an integer index position as arguments.

BorderLayout Default for the content panes of JFrames (and other windows) and
JApplets. Arranges the components into five areas: NORTH, SOUTH,
EAST, WEST and CENTER.
GridLayout Arranges the components into rows and columns.

© 2003 Prentice Hall, Inc. All rights reserved.

 73

13.15.1 FlowLayout

• FlowLayout
– Most basic layout manager
– GUI components placed in container from left to right

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.24: FlowLayoutDemo.java Outline
2 // Demonstrating FlowLayout alignments.
3 import java.awt.*;
4 import java.awt.event.*; FlowLayoutDemo.
5 import javax.swing.*;
6
java
7 public class FlowLayoutDemo extends JFrame {
8 private JButton leftButton, centerButton, rightButton; Lines 17 and 21
9 private Container container;
10 private FlowLayout layout;
11
12 // set up GUI and register button listeners
13 public FlowLayoutDemo()
14 {
15 super( "FlowLayout Demo" );
16
17 layout = new FlowLayout();
18
19 // get content pane and set its layout
Set layout as FlowLayout
20 container = getContentPane();
21 container.setLayout( layout );
22
23 // set up leftButton and register listener
24 leftButton = new JButton( "Left" );
25 container.add( leftButton );

© 2003 Prentice Hall, Inc.

All rights reserved.
26 leftButton.addActionListener( Outline
27
28 new ActionListener() { // anonymous inner class
29 FlowLayoutDemo.
30 // process leftButton event
31 public void actionPerformed( ActionEvent event )
java
32 {
33 layout.setAlignment( FlowLayout.LEFT ); Line 33
34
35 // realign attached components
Line 53
When user presses
36 layout.layoutContainer( container );
37 } left JButton, left
38 align components
39 } // end anonymous inner class
40
41 ); // end call to addActionListener
42
43 // set up centerButton and register listener
44 centerButton = new JButton( "Center" );
45 container.add( centerButton );
46 centerButton.addActionListener(
47
48 new ActionListener() { // anonymous inner class
49
50 // process centerButton event
51 public void actionPerformed( ActionEvent event )
52 { When user presses
53 layout.setAlignment( FlowLayout.CENTER ); center JButton,
54
center components

© 2003 Prentice Hall, Inc.

All rights reserved.
55 // realign attached components Outline
56 layout.layoutContainer( container );
57 }
58 } FlowLayoutDemo.
59 );
60
java
61 // set up rightButton and register listener
62 rightButton = new JButton( "Right" ); Line 71
63 container.add( rightButton );
64 rightButton.addActionListener(
65
66 new ActionListener() { // anonymous inner class
67
68 // process rightButton event
69 public void actionPerformed( ActionEvent event )
70 { When user presses
71 layout.setAlignment( FlowLayout.RIGHT ); right JButton,
72
right components
73 // realign attached components
74 layout.layoutContainer( container );
75 }
76 }
77 );
78
79 setSize( 300, 75 );
80 setVisible( true );

© 2003 Prentice Hall, Inc.

All rights reserved.
81 Outline
82 } // end constructor FlowLayoutDemo
83
84 public static void main( String args[] ) FlowLayoutDemo.
85 {
86 FlowLayoutDemo application = new FlowLayoutDemo();
java
87 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
88 }
89
90 } // end class FlowLayoutDemo

© 2003 Prentice Hall, Inc.

All rights reserved.
 78

13.15.2 BorderLayout

• BorderLayout
– Arranges components into five regions
• NORTH (top of container)
• SOUTH (bottom of container)
• EAST (left of container)
• WEST (right of container)
• CENTER (center of container)

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.25: BorderLayoutDemo.java Outline
2 // Demonstrating BorderLayout.
3 import java.awt.*;
4 import java.awt.event.*; BorderLayoutDem
5 import javax.swing.*;
6
o.java
7 public class BorderLayoutDemo extends JFrame implements ActionListener {
8 private JButton buttons[]; Lines 18 and 22
9 private final String names[] = { "Hide North", "Hide South",
10 "Hide East", "Hide West", "Hide Center" };
11 private BorderLayout layout;
12
13 // set up GUI and event handling
14 public BorderLayoutDemo()
15 {
16 super( "BorderLayout Demo" );
17
18 layout = new BorderLayout( 5, 5 ); // 5 pixel gaps
19
20 // get content pane and set its layout
21 Container container = getContentPane(); Set layout as BorderLayout with
22 container.setLayout( layout ); 5-pixel horizontal and vertical gaps
23
24 // instantiate button objects
25 buttons = new JButton[ names.length ];
26

© 2003 Prentice Hall, Inc.

All rights reserved.
27 for ( int count = 0; count < names.length; count++ ) { Outline
28 buttons[ count ] = new JButton( names[ count ] );
29 buttons[ count ].addActionListener( this );
30 } BorderLayoutDem
31
32 // place buttons in BorderLayout; order not important
o.java
33 container.add( buttons[ 0 ], BorderLayout.NORTH );
34 container.add( buttons[ 1 ], BorderLayout.SOUTH ); Lines 33-37
35 container.add( buttons[ 2 ], BorderLayout.EAST );
Place JButtons in regions
36 container.add( buttons[ 3 ], BorderLayout.WEST ); specified by BorderLayout
Lines 50 and 52
37 container.add( buttons[ 4 ], BorderLayout.CENTER );
38
39 setSize( 300, 200 );
40 setVisible( true );
41
42 } // end constructor BorderLayoutDemo
43
44 // handle button events
45 public void actionPerformed( ActionEvent event )
46 {
47 for ( int count = 0; count < buttons.length; count++ )
48
49 if ( event.getSource() == buttons[ count ] )
50 buttons[ count ].setVisible( false ); When JButtons are “invisible,”
51 else they are not displayed on screen,
52 buttons[ count ].setVisible( true );
and BorderLayout rearranges

© 2003 Prentice Hall, Inc.

All rights reserved.
53 Outline
54 // re-layout the content pane
55 layout.layoutContainer( getContentPane() );
56 } BorderLayoutDem
57
58 public static void main( String args[] )
o.java
59 {
60 BorderLayoutDemo application = new BorderLayoutDemo();
61 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
62 }
63
64 } // end class BorderLayoutDemo

© 2003 Prentice Hall, Inc.

All rights reserved.
 Outline

BorderLayoutDem
o.java

© 2003 Prentice Hall, Inc.

All rights reserved.
 83

13.15.3 GridLayout

• GridLayout
– Divides container into grid of specified row an columns
– Components are added starting at top-left cell
• Proceed left-to-fight until row is full

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.26: GridLayoutDemo.java Outline
2 // Demonstrating GridLayout.
3 import java.awt.*;
4 import java.awt.event.*; GridLayoutDemo.
5 import javax.swing.*;
6
java
7 public class GridLayoutDemo extends JFrame implements ActionListener {
8 private JButton buttons[]; Line 21
9 private final String names[] =
10 { "one", "two", "three", "four", "five", "six" };
Line 22
11 private boolean toggle = true;
12 private Container container;
13 private GridLayout grid1, grid2;
14
15 // set up GUI
16 public GridLayoutDemo()
17 {
18 super( "GridLayout Demo" );
Create GridLayout grid1
19
20 // set up layouts with 2 rows and 3 columns
21 grid1 = new GridLayout( 2, 3, 5, 5 );
22 grid2 = new GridLayout( 3, 2 ); Create GridLayout grid2
23
with 3 rows and 2 columns
24 // get content pane and set its layout
25 container = getContentPane();
26 container.setLayout( grid1 );

© 2003 Prentice Hall, Inc.

All rights reserved.
27 Outline
28 // create and add buttons
29 buttons = new JButton[ names.length ];
30 GridLayoutDemo.
31 for ( int count = 0; count < names.length; count++ ) {
32 buttons[ count ] = new JButton( names[ count ] );
java
33 buttons[ count ].addActionListener( this );
34 container.add( buttons[ count ] ); Lines 46 and 48
35 }
36
37 setSize( 300, 150 );
38 setVisible( true );
39
40 } // end constructor GridLayoutDemo
41
42 // handle button events by toggling between layouts
43 public void actionPerformed( ActionEvent event )
44 {
45 if ( toggle ) Toggle current
46 container.setLayout( grid2 ); GridLayout when
47 else user presses JButton
48 container.setLayout( grid1 );
49
50 toggle = !toggle; // set toggle to opposite value
51 container.validate();
52 }

© 2003 Prentice Hall, Inc.

All rights reserved.
53 Outline
54 public static void main( String args[] )
55 {
56 GridLayoutDemo application = new GridLayoutDemo(); GridLayoutDemo.
57 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
58 }
java
59
60 } // end class GridLayoutDemo

© 2003 Prentice Hall, Inc.

All rights reserved.
 87

13.16 Panels

• Panel
– Helps organize components
– Class JPanel is JComponent subclass
– May have components (and other panels) added to them

© 2003 Prentice Hall, Inc. All rights reserved.

1 // Fig. 13.27: PanelDemo.java Outline
2 // Using a JPanel to help lay out components.
3 import java.awt.*;
4 import java.awt.event.*; PanelDemo.java
5 import javax.swing.*;
6
7 public class PanelDemo extends JFrame { Line 23
8 private JPanel buttonPanel;
9 private JButton buttons[];
10
11 // set up GUI
12 public PanelDemo()
13 {
14 super( "Panel Demo" );
15
16 // get content pane
17 Container container = getContentPane();
18
19 // create buttons array
20 buttons = new JButton[ 5 ];
21
22 // set up panel and set its layout
23 buttonPanel = new JPanel(); Create JPanel to hold JButtons
24 buttonPanel.setLayout( new GridLayout( 1, buttons.length ) );
25

© 2003 Prentice Hall, Inc.

All rights reserved.
26 // create and add buttons Outline
27 for ( int count = 0; count < buttons.length; count++ ) {
28 buttons[ count ] = new JButton( "Button " + ( count + 1 ) );
29 buttonPanel.add( buttons[ count ] ); Add JButtons to JPanel
PanelDemo.java
30 }
31
32 container.add( buttonPanel, BorderLayout.SOUTH ); Line 29
33
34 setSize( 425, 150 ); Line 32
35 setVisible( true );
Add JPanel to SOUTH
36 region of Container
37 } // end constructor PanelDemo
38
39 public static void main( String args[] )
40 {
41 PanelDemo application = new PanelDemo();
42 application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
43 }
44
45 } // end class PanelDemo

© 2003 Prentice Hall, Inc.

All rights reserved.
 13.17 (Optional Case Study) Thinking About 90

Objects: Use Cases

• Use case
– Represents capabilities that systems provide to clients
• Automated-teller-machine use cases
– “Deposit Money,” “Withdraw Money,” “Transfer Funds”

© 2003 Prentice Hall, Inc. All rights reserved.

 13.17 (Optional Case Study) Thinking About 91

Objects: Use Cases

• Use-case diagram
– Models use cases in system
– Facilitates system-requirements gathering
– Notation
• Stick figure represents actor
– Actor represents set of roles that external entity can play
• System box (rectangle) contains system use cases
• Ovals represent use cases

© 2003 Prentice Hall, Inc. All rights reserved.

 13.17 (Optional Case Study) Thinking About 92

Objects: Use Cases

• Elevator-simulation use cases
– “Create Person”
• From user’s perspective
– “Relocate Person” (move to other floor)
• From Person’s perspective
• Constructing GUI
– Use “Create Person” use case

© 2003 Prentice Hall, Inc. All rights reserved.

 93
Fig. 13.28 Use case diagram for elevator
simulation from user’s perspective

Create Person

User

© 2003 Prentice Hall, Inc. All rights reserved.

 94
Fig. 13.29 Use case diagram from the
perspective of a Person

Relocate Person

Person

© 2003 Prentice Hall, Inc. All rights reserved.