Week 7 - GUI 1

Graphical User Interface
GUI Principles
• Components: GUI building blocks.
– Buttons, menus, sliders, etc.
• Layout: arranging components to form a
usable GUI.
– Using layout managers.
• Events: reacting to user input.
– Button presses, menu selections, etc.
Java GUI: AWT and Swing
• Sun’s initial idea: create a set of classes/methods that can
be used to write a multi-platform GUI (Abstract Windowing
Toolkit, or AWT)
– problem: not powerful enough; limited; a bit clunky to use
• Second edition (JDK v1.2): Swing

– a newer library written from the ground up that allows much
more powerful graphics and GUI construction
• Drawback: Both exist in Java now; easy to get them mixed

up; still have to use both sometimes!
3
AWT and Swing
Elements of a frame
Window controls
Title
Menu bar
Content pane
Onscreen GUI elements
• Windows: actual first-class citizens of desktop;
also called top-level containers
– examples: frame, dialog box
• Components: GUI widgets
– examples: button, text box, label
• Containers: logical grouping for components
– example: panel
6
Onscreen GUI elements
• Windows: actual first-class citizens of desktop; also
called top-level containers
– examples: frame, dialog box
• Components: GUI widgets
– examples: button, text box, label
• Containers: logical grouping for components
– example: panel
8
Creating a Window in Swing
import javax.swing.*;
public class Basic1 {

public static void main(String[] args) {
//create the window
JFrame f = new JFrame("Basic Test!");
//quit Java after closing the window
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.setSize(200, 200); //set size in pixels
f.setVisible(true); //show the window
}
}
9
Creating a Window in Swing
• setSize and setLocation require
java.awt.*; the rest require javax.swing.*
• The JFrame constructor argument is used as a title
• The Dimension constructor takes an integer width

and height, respectively
• The setLocation method takes a pair of integer

coordinates (x,y) where (0,0) is the upper left corner of
the display
• The visibility of a JFrame is set to false by default

Creating a Window Using a Constructor
import javax.swing.*;
public class Basic2 extends JFrame {
public static void main(String[] args) {

new Basic2();
}
public Basic2() {
setTitle("Basic Test2!"); //set the title
//quit Java after closing the window
setDefaultCloseOperation(EXIT_ON_CLOSE);
setSize(200, 200); //set size in pixels
setVisible(true); //show the window
}
}
11
Methods of all Swing components
• public int getWidth()
public int getHeight()
Allow access to the component's current width and height in pixels.
• public boolean isEnabled()

Returns whether the component is enabled (can be interacted
with).
• public boolean isVisible()

Returns whether the component is visible (can be seen on the
screen).
12
More JComponent methods
• public void setBackground(Color c)
Sets the background color of the component to be the given color.
• public void setFont(Font f)
Sets the font of the text on the given component to be the given
font.
//create new Font
Font font = new Font("Courier", Font.BOLD,12);
• public void setEnabled(boolean b)
Sets whether the component is enabled (can be interacted with).
• public void setVisible(boolean b)
Sets whether the component is visible (can be seen on the screen).
Set to true to show the component, or set to false to hide the
component. 13
JFrame
A frame is a graphical window that can be used to hold other components
• public JFrame() or public JFrame(String title)
Creates a frame with an optional title.
• public void setTitle(String text)

//Puts the given text in the frame’s title bar.
• public void setDefaultCloseOperation(int op)

//Makes the frame perform the given action when it closes.
– Common value: JFrame.EXIT_ON_CLOSE
• public void add(Component comp)

//Places the given component or container inside the frame.
– How would we add more than one component to the frame?
• public void pack()

//Resizes the frame to fit the components inside it.
• NOTE: Call setVisible(true) to make a frame appear on the screen after creating it.
14
Container
• A container is an object that holds components; it also governs
their positions, sizes, and resize behavior
public void add(Component comp)
– Adds a component to the container
public void remove(Component comp)
– Removes the given component from the container.
public void setLayout(LayoutManager mgr)
– Uses the given layout manager to position the components in
the container.
public void validate()
– You should call this if you change the contents of a container
that is already on the screen, to make it re-do its layout.
15
JPanel
• A panel is our container of choice; it inherits the
methods from the previous slide and defines these
additional methods (among others):
• public JPanel()
Constructs a panel with a default flow layout.
• public JPanel(LayoutManager mgr)
Constructs a panel that uses the given

layout manager.
16
JButton, JLabel
• The most common component a button is a clickable
onscreen region that the user interacts with to
perform a single command
• A text label is simply a string of text displayed on
screen in a graphical program. Labels often give
information or describe other components
• public JButton(String btnText);
// Creates a new button with given string as its text
• public Label(String strLabel);
// Creates a new button with given string as its text..
• public String getText()

Returns the text showing on the button / label.
• public void setText(String text)

Sets button / label's text to be the given string. 17
JTextField, JTextArea
• A text field is like a label, except that the text in it can be edited and
modified by the user. Text fields are commonly used for user input,
where the user types information in the field and the program
reads it
• A text area is a multi-line text field
• public JTextField(int columns)

• public JTextArea(int lines, int columns)
Creates a new text field that is the given number of columns
(letters) wide.
• public String getText()

Returns the text currently in the field.
• public void setText(String text)

Sets field's text to be the given string.
18
JCheckBox, JRadioButton
• A check box is a toggleable button with two states: checked and
unchecked
• A radio button is a button that can be selected; usually part of a

group of mutually exclusive radio buttons (1 selectable at a time)
• public JCheckBox / JRadioButton(String text)

public JCheckBox(String text,boolean isChecked)
Creates checked/unchecked check box with given text.
• public boolean isSelected()

Returns true if check box is checked.
• public void setSelected(boolean selected)

Sets box to be checked/unchecked.
19
ButtonGroup
• A logical group of radio buttons that ensures
that only one is selected at a time
• public ButtonGroup()
• public void add(JRadioButton button)
• The ButtonGroup is not a graphical component,

just a logical group; the RadioButtons themselves
are added to the container, not the ButtonGroup
20

Week 7 - GUI 1

Uploaded by

Copyright:

Available Formats

Week 7 - GUI 1

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Week 7 - GUI 1

Uploaded by

Copyright:

Available Formats

Graphical User Interface

• Second edition (JDK v1.2): Swing

• Drawback: Both exist in Java now; easy to get them mixed

public class Basic1 {

• The JFrame constructor argument is used as a title

• The Dimension constructor takes an integer width

• The setLocation method takes a pair of integer

• The visibility of a JFrame is set to false by default

public class Basic2 extends JFrame {

public static void main(String[] args) {

• public boolean isEnabled()

• public boolean isVisible()

• public void setTitle(String text)

• public void setDefaultCloseOperation(int op)

• public void add(Component comp)

• public void pack()

Constructs a panel with a default flow layout.

• public JPanel(LayoutManager mgr)

Constructs a panel that uses the given

• public String getText()

• public void setText(String text)

• public JTextField(int columns)

• public String getText()

• public void setText(String text)

• A radio button is a button that can be selected; usually part of a

• public JCheckBox / JRadioButton(String text)

• public boolean isSelected()

• public void setSelected(boolean selected)

• The ButtonGroup is not a graphical component,

You might also like