Chapter 17
Creating User Interfaces




Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                     rights reserved.
                                                                                               1
Motivations
A graphical user interface (GUI) makes a system
user-friendly and easy to use. Creating a GUI
requires creativity and knowledge of how GUI
components work. Since the GUI components in
Java are very flexible and versatile, you can create
a wide assortment of useful user interfaces.

Previous chapters briefly introduced several GUI
components. This chapter introduces the
frequently used GUI components in detail.
         Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                              rights reserved.
                                                                                                        2
Objectives
   To create graphical user interfaces with various user-
    interface components (§§17.2–17.8).
   To create listeners for JCheckBox, JRadioButton, and
    JTextField (§17.2).
   To enter multiple-line texts using JTextArea (§17.3).
   To select a single item using JComboBox (§17.4).
   To select a single or multiple items using JList (§17.5).
   To select a range of values using JScrollBar (§17.6).
   To select a range of values using JSlider and explore
    differences between JScrollBar and JSlider (§17.7).
   To display multiple windows in an application (§17.8).

             Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                  rights reserved.
                                                                                                            3
Events for JCheckBox,
JRadioButton, and JTextField




                                                                     GUIEventDemo

                                                                                   Run
  Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                       rights reserved.
                                                                                                 4
JTextArea
If you want to let the user enter multiple lines of text, you cannot use
text fields unless you create several of them. The solution is to use
JTextArea, which enables the user to enter multiple lines of text.

     javax.swing.text.JTextComponent                           The get and set methods for these data fields are provided in
                                                               the class, but omitted in the UML diagram for brevity.
               javax.swing.JTextArea
  -columns: int                                        The number of columns in this text area.
  -rows: int                                           The number of rows in this text area.
  -tabSize: int                                        The number of characters used to expand tabs (default: 8).
  -lineWrap: boolean                                   Indicates whether the line in the text area is automatically wrapped (default:
                                                        false).
  -wrapStyleWord: boolean                              Indicates whether the line is wrapped on words or characters (default: false).
  +JTextArea()                                         Creates a default empty text area.
  +JTextArea(rows: int, columns: int)                  Creates an empty text area with the specified number of rows and columns.
  +JTextArea(text: String)                             Creates a new text area with the specified text displayed.
  +JTextArea(text: String, rows: int, columns: int) Creates a new text area with the specified text and number of rows and columns.
  +append(s: String): void                          Appends the string to text in the text area.
  +insert(s: String, pos: int): void                   Inserts string s in the specified position in the text area.
  +replaceRange(s: String, start: int, end: int):      Replaces partial text in the range from position start to end with string s.
    void
  +getLineCount(): int                                 Returns the actual number of lines contained in the text area.

                        Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                             rights reserved.
                                                                                                                                        5
JTextArea Constructors
   JTextArea(int rows, int columns)
    Creates a text area with the specified number of
    rows and columns.

   JTextArea(String s, int rows, int
    columns)
    Creates a text area with the initial text and
    the number of rows and columns specified.




          Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                               rights reserved.
                                                                                                         6
JTextArea Properties
 text
 editable
 columns
 lineWrap
 wrapStyleWord
 rows
 lineCount
 tabSize
    Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                         rights reserved.
                                                                                                   7
Example: Using Text Areas
 This example gives a program that displays
 an image in a label, a title in a label, and a
 text in a text area.

            javax.swing.JPanel                                               javax.swing.JFrame
    -char token                                                           -char token

     +getToken                                    1                  1    +getToken
             DescriptionPanel                                                   TextAreaDemo
     +setToken                                                            +setToken
     +paintComponet                                                       +paintComponet
    -jlblImageTitle: JLabel
     +mouseClicked                                                        +mouseClicked
    -jtaTextDescription: JTextArea

    +setImageIcon(icon: ImageIcon): void
    +setTitle(title: String): void
    +setTextDescription(text: String): void
    +getMinimumSize(): Dimension



         Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                              rights reserved.
                                                                                                        8
Example, cont.




DiscriptionPanel                                TextAreaDemo                                   Run

Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                     rights reserved.
                                                                                                     9
JComboBox
A combo box is a simple list of items from which the user can
choose. It performs basically the same function as a list, but
can get only one value.
       javax.swing.JComponent

       javax.swing.JComboBox
    +JComboBox()                                 Creates a default empty combo box.
    +JComboBox(items: Object[])                  Creates a combo box that contains the elements in the specified array.
    +addItem(item: Object): void                 Adds an item to the combo box.
    +getItemAt(index: int): Object               Returns the item at the specified index.
    +getItemCount(): int                         Returns the number of items in the combo box.
    +getSelectedIndex(): int                     Returns the index of the selected item.
    +setSelectedIndex(index: int): void          Sets the selected index in the combo box.
    +getSelectedItem(): Object                   Returns the selected item.
    +setSelectedItem(item: Object): void         Sets the selected item in the combo box.
    +removeItem(anObject: Object): void Removes an item from the item list.
    +removeItemAt(anIndex: int): void   Removes the item at the specified index in the combo box.
    +removeAllItems(): void                      Removes all items in the combo box.

                 Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                      rights reserved.
                                                                                                                  10
JComboBox Methods
To add an item to a JComboBox jcbo, use
jcbo.addItem(Object item)

To get an item from JComboBox jcbo, use
jcbo.getItem()




     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    11
Using the
   itemStateChanged Handler
  When a choice is checked or unchecked,
  itemStateChanged() for ItemEvent is
  invoked as well as the actionPerformed()
  handler for ActionEvent.
public void itemStateChanged(ItemEvent e) {
  // Make sure the source is a combo box
  if (e.getSource() instanceof JComboBox)
    String s = (String)e.getItem();
}

       Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                            rights reserved.
                                                                                                      12
Example: Using Combo Boxes
This example lets
users view an
image and a
description of a
country's flag by
selecting the
country from a
combo box.

       ComboBoxDemo                                                              Run

        Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                             rights reserved.
                                                                                                       13
JList
A list is a component that performs basically the same function as a combo
box, but it enables the user to choose a single value or multiple values.
        javax.swing.JComponent

              javax.swing.JList
   +JList()                                     Creates a default empty list.
   +JList(items: Object[])                      Creates a list that contains the elements in the specified array.
   +getSelectedIndex(): int                     Returns the index of the first selected item.
   +setSelectedIndex(index: int): void          Selects the cell at the specified index.
   +getSelectedIndices(): int[]                 Returns an array of all of the selected indices in increasing order.
   +setSelectedIndices(indices: int[]): void Selects the cells at the specified indices.
   +getSelectedValue(): Object               Returns the first selected item in the list.
   +getSelectedValues(): Object[]               Returns an array of the values for the selected cells in increasing index order.
   +getVisibleRowCount(): int                   Returns the number of visible rows displayed without a scrollbar. (default: 8)
   +setVisibleRowCount(count: int): void        Sets the preferred number of visible rows displayed without a scrollbar.
   +getSelectionBackground(): Color             Returns the background color of the selected cells.
   +setSelectionBackground(c: Color): void Sets the background color of the selected cells.
   +getSelectionForeground(): Color        Returns the foreground color of the selected cells.
   +setSelectionForeground(c: Color): void Sets the foreground color of the selected cells.
   +getSelectionMode(): int                Returns the selection mode for the list.
   +setSelectionMode(selectionMode: int): Sets the selection mode for the list.
                    Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                         rights reserved.
                                                                                                                             14
JList Constructors
   JList()

    Creates an empty list.

   JList(Object[] stringItems)
    Creates a new list initialized with items.




          Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                               rights reserved.
                                                                                                         15
JList Properties
 selectedIndexd

 selectedIndices

 selectedValue

 selectedValues

 selectionMode

 visibleRowCount
    Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                         rights reserved.
                                                                                                   16
Example: Using Lists
This example gives
a program that lets
users select
countries in a list
and display the flags
of the selected
countries in the
labels.


                   ListDemo                                                              Run
         Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                              rights reserved.
                                                                                                        17
JScrollBar
A scroll bar is a control that enables the user to select from a range of values. The
scrollbar appears in two styles: horizontal and vertical.
               javax.swing.JComponent
                                                        The get and set methods for these data fields are provided in
                                                        the class, but omitted in the UML diagram for brevity.
                javax.swing.JScrollBar
             -orientation: int                     Specifies horizontal or vertical style, default is horizontal.
             -maximum: int                         Specifies the maximum value the scroll bar represents when the bubble
                                                     reaches the right end of the scroll bar for horizontal style or the
                                                     bottom of the scroll bar for vertical style.
             -minimum: int                         Specifies the minimum value the scroll bar represents when the bubble
                                                     reaches the left end of the scroll bar for horizontal style or the top of
                                                     the scroll bar for vertical style.
             -visibleAmount: int                   Specifies the relative width of the scroll bar's bubble. The actual width
                                                     appearing on the screen is determined by the maximum value and the
                                                     value of visibleAmount.
             -value: int                           Represents the current value of the scroll bar.
             -blockIncrement: int                  Specifies value added (subtracted) when the user activates the block-
                                                     increment (decrement) area of the scroll bar, as shown in Figure
                                                     13.30.
             -unitIncrement: int                   Specifies the value added (subtracted) when the user activates the unit-
                                                     increment (decrement) area of the scroll bar, as shown in Figure
                                                     13.30.

             +JScrollBar()                         Creates a default vertical scroll bar.
             +JScrollBar(orientation: int)         Creates a scroll bar with the specified orientation.
             +JScrollBar(orientation: int, value: Creates a scrollbar with the specified orientation, value, extent,
               int, extent: int, min: int, max: int) minimum, and maximum.

                   Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                        rights reserved.
                                                                                                                                 18
Scroll Bar Properties
Minimal value                                                                     Maximal value

             Block decrement                                   Block increment




                                            Bubble
 Unit decrement                                                           Unit increment



     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    19
Example: Using Scrollbars
This example uses
horizontal and vertical
scrollbars to control a
message displayed on a
panel. The horizontal
scrollbar is used to move
the message to the left or
the right, and the vertical
scrollbar to move it up and
down.


            ScrollBarDemo                                                                       Run
          Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                               rights reserved.
                                                                                                         20
JSlider
JSlider is similar to JScrollBar, but JSlider has more
properties and can appear in many forms.
            javax.swing.JComponent
                                                          The get and set methods for these data fields are provided in
                                                          the class, but omitted in the UML diagram for brevity.
                javax.swing.JSlider
       -maximum: int                                 The maximum value represented by the slider (default: 100).
       -minimum: int                                 The minimum value represented by the slider (default: 0).
       -value: int                                   The current value represented by the slider.
       -orientation: int                             The orientation of the slider (default: JSlider.HORIZONTAL).
       -paintLabels: boolean                         True if the labels are painted at tick marks (default: false).
       -paintTicks: boolean                          True if the ticks are painted on the slider (default: false).
       -paintTrack: boolean                          True if the track is painted on the slider (default: true).
       -majorTickSpacing: int                        The number of units between major ticks (default: 0).
       -minorTickSpacing: int                        The number of units between minor ticks (default: 0).
       -inverted: boolean                            True to reverse the value-range, and false to put the value range in the
                                                      normal order (default: false).
       +JSlider()                                    Creates a default horizontal slider.
       +JSlider(min: int, max: int)                  Creates a horizontal slider using the specified min and max.
       +JSlider(min: int, max: int, value: int)      Creates a horizontal slider using the specified min, max, and value.
       +JSlider(orientation: int)                    Creates a slider with the specified orientation.
       +JSlider(orientation: int, min: int, max:     Creates a slider with the specified orientation, min, max, and value.
         int, value: int)

                     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                          rights reserved.
                                                                                                                                21
Example: Using Sliders
Rewrite the preceding
program using the sliders
to control a message
displayed on a panel
instead of using scroll
bars.




                SliderDemo                                                                      Run
          Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                               rights reserved.
                                                                                                         22
Creating Multiple Windows
The following slides show step-by-step how to
create an additional window from an application
or applet.




     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    23
Creating Additional Windows, Step 1

Step 1: Create a subclass of JFrame (called a
SubFrame) that tells the new window what
to do. For example, all the GUI application
programs extend JFrame and are subclasses
of JFrame.




     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    24
Creating Additional Windows, Step 2

Step 2: Create an instance of SubFrame in the
application or applet.

Example:
SubFrame subFrame = new
  SubFrame("SubFrame Title");




     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    25
Creating Additional Windows, Step 3

Step 3: Create a JButton for activating the
subFrame.
add(new JButton("Activate SubFrame"));




     Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                          rights reserved.
                                                                                                    26
Creating Additional Windows, Step 4

Step 4: Override the actionPerformed()
method as follows:
public actionPerformed(ActionEvent e) {
  String actionCommand = e.getActionCommand();
  if (e.target instanceof Button) {
    if ("Activate SubFrame".equals(actionCommand)) {
      subFrame.setVisible(true);
    }
  }
}




           Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                                rights reserved.
                                                                                                          27
Example: Creating Multiple
           Windows
 This example creates a main window with a
 text area in the scroll pane, and a button
 named "Show Histogram." When the user
 clicks the button, a new window appears
 that displays a histogram to show the
 occurrence of the letters in the text area.




         Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                              rights reserved.
                                                                                                        28
Example, cont.




MultipleWindowsDemo                                                                   Run

       Histogram

    Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All
                                         rights reserved.
                                                                                                   29

More Related Content

PPT
JavaYDL15
PPT
Java căn bản - Chapter2
PPT
PDF
NaBL: A Meta-Language for Declarative Name Binding and Scope Rules
PPT
Chapter 9 - Characters and Strings
PDF
Scala google
PPT
JAVA CONCEPTS
PPTX
14.jun.2012
JavaYDL15
Java căn bản - Chapter2
NaBL: A Meta-Language for Declarative Name Binding and Scope Rules
Chapter 9 - Characters and Strings
Scala google
JAVA CONCEPTS
14.jun.2012

What's hot (20)

PPT
Fast Forward To Scala
PPTX
javaimplementation
PPTX
Introduction to Client-Side Javascript
PDF
Kotlin- Basic to Advance
KEY
Xbase - Implementing Domain-Specific Languages for Java
PDF
Objectiveccheatsheet
PPS
Wrapper class
DOCX
First fare 2010 java-introduction
PDF
String handling(string buffer class)
PPTX
Vectors in Java
PDF
Java Reference
PPT
PDF
Wrapper classes
PPTX
Generic Programming in java
PDF
Sdtl manual
PDF
Obvious Secrets of JavaScript
PDF
C# Summer course - Lecture 3
PPTX
Java class 4
PPSX
DISE - Windows Based Application Development in Java
PDF
Programming in Java: Storing Data
Fast Forward To Scala
javaimplementation
Introduction to Client-Side Javascript
Kotlin- Basic to Advance
Xbase - Implementing Domain-Specific Languages for Java
Objectiveccheatsheet
Wrapper class
First fare 2010 java-introduction
String handling(string buffer class)
Vectors in Java
Java Reference
Wrapper classes
Generic Programming in java
Sdtl manual
Obvious Secrets of JavaScript
C# Summer course - Lecture 3
Java class 4
DISE - Windows Based Application Development in Java
Programming in Java: Storing Data
Ad

Viewers also liked (16)

PPT
PPT
PPT
PPT
PPT
JavaYDL16
PPT
PPT
JavaYDL18
PPT
PPT
JavaYDL14
PPT
Ch2 Liang
PPT
JavaYDL19
PPT
JavaYDL6
PPT
PPT
13slide graphics
PPT
JavaYDL20
PPT
9781285852744 ppt ch02
JavaYDL16
JavaYDL18
JavaYDL14
Ch2 Liang
JavaYDL19
JavaYDL6
13slide graphics
JavaYDL20
9781285852744 ppt ch02
Ad

Similar to JavaYDL17 (20)

PPT
Cso gaddis java_chapter7
PPTX
Unit 5 java-awt (1)
PDF
Notes netbeans
PPT
Chapter 5 GUI for introduction of java and gui .ppt
PPT
Text field and textarea
PPT
events,key,life cycle-abstract window tool kit,abstract class
PPT
extragui.ppt
PPT
JavaYDL12
PPTX
GUI programming
DOCX
CIS/355 ilab 4 of 6
DOCX
Cis 355 ilab 4 of 6
PPTX
Chapter 11.4
PPTX
Graphical User Interface (Gui)
PPTX
Unit – I-AWT-updated.pptx
PDF
Unit-1 awt advanced java programming
PPTX
Gui programming a review - mixed content
PPTX
Online birth certificate system and computer engineering
PPTX
Chap 1 - Introduction GUI.pptx
PPT
CSO_Gaddis_Java_Java_Complete_Chapter7.ppt
PPT
Java awt
Cso gaddis java_chapter7
Unit 5 java-awt (1)
Notes netbeans
Chapter 5 GUI for introduction of java and gui .ppt
Text field and textarea
events,key,life cycle-abstract window tool kit,abstract class
extragui.ppt
JavaYDL12
GUI programming
CIS/355 ilab 4 of 6
Cis 355 ilab 4 of 6
Chapter 11.4
Graphical User Interface (Gui)
Unit – I-AWT-updated.pptx
Unit-1 awt advanced java programming
Gui programming a review - mixed content
Online birth certificate system and computer engineering
Chap 1 - Introduction GUI.pptx
CSO_Gaddis_Java_Java_Complete_Chapter7.ppt
Java awt

More from Terry Yoast (20)

PPT
9781305078444 ppt ch12
PPT
9781305078444 ppt ch11
PPT
9781305078444 ppt ch10
PPT
9781305078444 ppt ch09
PPT
9781305078444 ppt ch08
PPT
9781305078444 ppt ch07
PPT
9781305078444 ppt ch06
PPT
9781305078444 ppt ch05
PPT
9781305078444 ppt ch04
PPT
9781305078444 ppt ch03
PPT
9781305078444 ppt ch02
PPT
9781305078444 ppt ch01
PPTX
9781337102087 ppt ch13
PPTX
9781337102087 ppt ch18
PPTX
9781337102087 ppt ch17
PPTX
9781337102087 ppt ch16
PPTX
9781337102087 ppt ch15
PPTX
9781337102087 ppt ch14
PPTX
9781337102087 ppt ch12
PPTX
9781337102087 ppt ch11
9781305078444 ppt ch12
9781305078444 ppt ch11
9781305078444 ppt ch10
9781305078444 ppt ch09
9781305078444 ppt ch08
9781305078444 ppt ch07
9781305078444 ppt ch06
9781305078444 ppt ch05
9781305078444 ppt ch04
9781305078444 ppt ch03
9781305078444 ppt ch02
9781305078444 ppt ch01
9781337102087 ppt ch13
9781337102087 ppt ch18
9781337102087 ppt ch17
9781337102087 ppt ch16
9781337102087 ppt ch15
9781337102087 ppt ch14
9781337102087 ppt ch12
9781337102087 ppt ch11

Recently uploaded (20)

PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
PDF
International_Financial_Reporting_Standa.pdf
PPTX
What’s under the hood: Parsing standardized learning content for AI
PDF
Race Reva University – Shaping Future Leaders in Artificial Intelligence
PPTX
Computer Architecture Input Output Memory.pptx
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
PDF
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI .pdf
PDF
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf
PPTX
Module on health assessment of CHN. pptx
PPTX
Unit 4 Computer Architecture Multicore Processor.pptx
PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
LIFE & LIVING TRILOGY - PART - (2) THE PURPOSE OF LIFE.pdf
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
Hazard Identification & Risk Assessment .pdf
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PDF
Empowerment Technology for Senior High School Guide
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PDF
semiconductor packaging in vlsi design fab
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
International_Financial_Reporting_Standa.pdf
What’s under the hood: Parsing standardized learning content for AI
Race Reva University – Shaping Future Leaders in Artificial Intelligence
Computer Architecture Input Output Memory.pptx
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI .pdf
BP 505 T. PHARMACEUTICAL JURISPRUDENCE (UNIT 1).pdf
Module on health assessment of CHN. pptx
Unit 4 Computer Architecture Multicore Processor.pptx
Introduction to pro and eukaryotes and differences.pptx
LIFE & LIVING TRILOGY - PART - (2) THE PURPOSE OF LIFE.pdf
Environmental Education MCQ BD2EE - Share Source.pdf
Hazard Identification & Risk Assessment .pdf
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Empowerment Technology for Senior High School Guide
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
semiconductor packaging in vlsi design fab

JavaYDL17

  • 1. Chapter 17 Creating User Interfaces Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 1
  • 2. Motivations A graphical user interface (GUI) makes a system user-friendly and easy to use. Creating a GUI requires creativity and knowledge of how GUI components work. Since the GUI components in Java are very flexible and versatile, you can create a wide assortment of useful user interfaces. Previous chapters briefly introduced several GUI components. This chapter introduces the frequently used GUI components in detail. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 2
  • 3. Objectives  To create graphical user interfaces with various user- interface components (§§17.2–17.8).  To create listeners for JCheckBox, JRadioButton, and JTextField (§17.2).  To enter multiple-line texts using JTextArea (§17.3).  To select a single item using JComboBox (§17.4).  To select a single or multiple items using JList (§17.5).  To select a range of values using JScrollBar (§17.6).  To select a range of values using JSlider and explore differences between JScrollBar and JSlider (§17.7).  To display multiple windows in an application (§17.8). Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 3
  • 4. Events for JCheckBox, JRadioButton, and JTextField GUIEventDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 4
  • 5. JTextArea If you want to let the user enter multiple lines of text, you cannot use text fields unless you create several of them. The solution is to use JTextArea, which enables the user to enter multiple lines of text. javax.swing.text.JTextComponent The get and set methods for these data fields are provided in the class, but omitted in the UML diagram for brevity. javax.swing.JTextArea -columns: int The number of columns in this text area. -rows: int The number of rows in this text area. -tabSize: int The number of characters used to expand tabs (default: 8). -lineWrap: boolean Indicates whether the line in the text area is automatically wrapped (default: false). -wrapStyleWord: boolean Indicates whether the line is wrapped on words or characters (default: false). +JTextArea() Creates a default empty text area. +JTextArea(rows: int, columns: int) Creates an empty text area with the specified number of rows and columns. +JTextArea(text: String) Creates a new text area with the specified text displayed. +JTextArea(text: String, rows: int, columns: int) Creates a new text area with the specified text and number of rows and columns. +append(s: String): void Appends the string to text in the text area. +insert(s: String, pos: int): void Inserts string s in the specified position in the text area. +replaceRange(s: String, start: int, end: int): Replaces partial text in the range from position start to end with string s. void +getLineCount(): int Returns the actual number of lines contained in the text area. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 5
  • 6. JTextArea Constructors  JTextArea(int rows, int columns) Creates a text area with the specified number of rows and columns.  JTextArea(String s, int rows, int columns) Creates a text area with the initial text and the number of rows and columns specified. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 6
  • 7. JTextArea Properties  text  editable  columns  lineWrap  wrapStyleWord  rows  lineCount  tabSize Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 7
  • 8. Example: Using Text Areas  This example gives a program that displays an image in a label, a title in a label, and a text in a text area. javax.swing.JPanel javax.swing.JFrame -char token -char token +getToken 1 1 +getToken DescriptionPanel TextAreaDemo +setToken +setToken +paintComponet +paintComponet -jlblImageTitle: JLabel +mouseClicked +mouseClicked -jtaTextDescription: JTextArea +setImageIcon(icon: ImageIcon): void +setTitle(title: String): void +setTextDescription(text: String): void +getMinimumSize(): Dimension Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 8
  • 9. Example, cont. DiscriptionPanel TextAreaDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 9
  • 10. JComboBox A combo box is a simple list of items from which the user can choose. It performs basically the same function as a list, but can get only one value. javax.swing.JComponent javax.swing.JComboBox +JComboBox() Creates a default empty combo box. +JComboBox(items: Object[]) Creates a combo box that contains the elements in the specified array. +addItem(item: Object): void Adds an item to the combo box. +getItemAt(index: int): Object Returns the item at the specified index. +getItemCount(): int Returns the number of items in the combo box. +getSelectedIndex(): int Returns the index of the selected item. +setSelectedIndex(index: int): void Sets the selected index in the combo box. +getSelectedItem(): Object Returns the selected item. +setSelectedItem(item: Object): void Sets the selected item in the combo box. +removeItem(anObject: Object): void Removes an item from the item list. +removeItemAt(anIndex: int): void Removes the item at the specified index in the combo box. +removeAllItems(): void Removes all items in the combo box. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 10
  • 11. JComboBox Methods To add an item to a JComboBox jcbo, use jcbo.addItem(Object item) To get an item from JComboBox jcbo, use jcbo.getItem() Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 11
  • 12. Using the itemStateChanged Handler When a choice is checked or unchecked, itemStateChanged() for ItemEvent is invoked as well as the actionPerformed() handler for ActionEvent. public void itemStateChanged(ItemEvent e) { // Make sure the source is a combo box if (e.getSource() instanceof JComboBox) String s = (String)e.getItem(); } Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 12
  • 13. Example: Using Combo Boxes This example lets users view an image and a description of a country's flag by selecting the country from a combo box. ComboBoxDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 13
  • 14. JList A list is a component that performs basically the same function as a combo box, but it enables the user to choose a single value or multiple values. javax.swing.JComponent javax.swing.JList +JList() Creates a default empty list. +JList(items: Object[]) Creates a list that contains the elements in the specified array. +getSelectedIndex(): int Returns the index of the first selected item. +setSelectedIndex(index: int): void Selects the cell at the specified index. +getSelectedIndices(): int[] Returns an array of all of the selected indices in increasing order. +setSelectedIndices(indices: int[]): void Selects the cells at the specified indices. +getSelectedValue(): Object Returns the first selected item in the list. +getSelectedValues(): Object[] Returns an array of the values for the selected cells in increasing index order. +getVisibleRowCount(): int Returns the number of visible rows displayed without a scrollbar. (default: 8) +setVisibleRowCount(count: int): void Sets the preferred number of visible rows displayed without a scrollbar. +getSelectionBackground(): Color Returns the background color of the selected cells. +setSelectionBackground(c: Color): void Sets the background color of the selected cells. +getSelectionForeground(): Color Returns the foreground color of the selected cells. +setSelectionForeground(c: Color): void Sets the foreground color of the selected cells. +getSelectionMode(): int Returns the selection mode for the list. +setSelectionMode(selectionMode: int): Sets the selection mode for the list. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 14
  • 15. JList Constructors  JList() Creates an empty list.  JList(Object[] stringItems) Creates a new list initialized with items. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 15
  • 16. JList Properties  selectedIndexd  selectedIndices  selectedValue  selectedValues  selectionMode  visibleRowCount Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 16
  • 17. Example: Using Lists This example gives a program that lets users select countries in a list and display the flags of the selected countries in the labels. ListDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 17
  • 18. JScrollBar A scroll bar is a control that enables the user to select from a range of values. The scrollbar appears in two styles: horizontal and vertical. javax.swing.JComponent The get and set methods for these data fields are provided in the class, but omitted in the UML diagram for brevity. javax.swing.JScrollBar -orientation: int Specifies horizontal or vertical style, default is horizontal. -maximum: int Specifies the maximum value the scroll bar represents when the bubble reaches the right end of the scroll bar for horizontal style or the bottom of the scroll bar for vertical style. -minimum: int Specifies the minimum value the scroll bar represents when the bubble reaches the left end of the scroll bar for horizontal style or the top of the scroll bar for vertical style. -visibleAmount: int Specifies the relative width of the scroll bar's bubble. The actual width appearing on the screen is determined by the maximum value and the value of visibleAmount. -value: int Represents the current value of the scroll bar. -blockIncrement: int Specifies value added (subtracted) when the user activates the block- increment (decrement) area of the scroll bar, as shown in Figure 13.30. -unitIncrement: int Specifies the value added (subtracted) when the user activates the unit- increment (decrement) area of the scroll bar, as shown in Figure 13.30. +JScrollBar() Creates a default vertical scroll bar. +JScrollBar(orientation: int) Creates a scroll bar with the specified orientation. +JScrollBar(orientation: int, value: Creates a scrollbar with the specified orientation, value, extent, int, extent: int, min: int, max: int) minimum, and maximum. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 18
  • 19. Scroll Bar Properties Minimal value Maximal value Block decrement Block increment Bubble Unit decrement Unit increment Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 19
  • 20. Example: Using Scrollbars This example uses horizontal and vertical scrollbars to control a message displayed on a panel. The horizontal scrollbar is used to move the message to the left or the right, and the vertical scrollbar to move it up and down. ScrollBarDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 20
  • 21. JSlider JSlider is similar to JScrollBar, but JSlider has more properties and can appear in many forms. javax.swing.JComponent The get and set methods for these data fields are provided in the class, but omitted in the UML diagram for brevity. javax.swing.JSlider -maximum: int The maximum value represented by the slider (default: 100). -minimum: int The minimum value represented by the slider (default: 0). -value: int The current value represented by the slider. -orientation: int The orientation of the slider (default: JSlider.HORIZONTAL). -paintLabels: boolean True if the labels are painted at tick marks (default: false). -paintTicks: boolean True if the ticks are painted on the slider (default: false). -paintTrack: boolean True if the track is painted on the slider (default: true). -majorTickSpacing: int The number of units between major ticks (default: 0). -minorTickSpacing: int The number of units between minor ticks (default: 0). -inverted: boolean True to reverse the value-range, and false to put the value range in the normal order (default: false). +JSlider() Creates a default horizontal slider. +JSlider(min: int, max: int) Creates a horizontal slider using the specified min and max. +JSlider(min: int, max: int, value: int) Creates a horizontal slider using the specified min, max, and value. +JSlider(orientation: int) Creates a slider with the specified orientation. +JSlider(orientation: int, min: int, max: Creates a slider with the specified orientation, min, max, and value. int, value: int) Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 21
  • 22. Example: Using Sliders Rewrite the preceding program using the sliders to control a message displayed on a panel instead of using scroll bars. SliderDemo Run Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 22
  • 23. Creating Multiple Windows The following slides show step-by-step how to create an additional window from an application or applet. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 23
  • 24. Creating Additional Windows, Step 1 Step 1: Create a subclass of JFrame (called a SubFrame) that tells the new window what to do. For example, all the GUI application programs extend JFrame and are subclasses of JFrame. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 24
  • 25. Creating Additional Windows, Step 2 Step 2: Create an instance of SubFrame in the application or applet. Example: SubFrame subFrame = new SubFrame("SubFrame Title"); Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 25
  • 26. Creating Additional Windows, Step 3 Step 3: Create a JButton for activating the subFrame. add(new JButton("Activate SubFrame")); Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 26
  • 27. Creating Additional Windows, Step 4 Step 4: Override the actionPerformed() method as follows: public actionPerformed(ActionEvent e) { String actionCommand = e.getActionCommand(); if (e.target instanceof Button) { if ("Activate SubFrame".equals(actionCommand)) { subFrame.setVisible(true); } } } Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 27
  • 28. Example: Creating Multiple Windows  This example creates a main window with a text area in the scroll pane, and a button named "Show Histogram." When the user clicks the button, a new window appears that displays a histogram to show the occurrence of the letters in the text area. Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 28
  • 29. Example, cont. MultipleWindowsDemo Run Histogram Liang, Introduction to Java Programming, Ninth Edition, (c) 2013 Pearson Education, Inc. All rights reserved. 29