using inheritance to customize frames
DESCRIPTION
Using Inheritance to Customize Frames. Use inheritance for complex frames to make programs easier to understand Design a subclass of JFrame Store the components as instance fields Initialize them in the constructor of your subclass - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/1.jpg)
Using Inheritance to Customize Frames
• Use inheritance for complex frames to make programs easier to understand
• Design a subclass of JFrame
• Store the components as instance fields
• Initialize them in the constructor of your subclass
• If initialization code gets complex, simply add some helper methods
![Page 2: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/2.jpg)
Example (files on website):
Colors.java - simple GUI
Colors2.java - same application written as JFrame class
Colors3.java - helper methods added
Try running ColorApp --- notice that this main program provides 3 Color button frames
Vapp3.java - GUI w/ three panels written as JFrame class
![Page 3: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/3.jpg)
Layout Management
• Up to now, we have had limited control over layout of components
• Each container uses a layout manager to direct the arrangement of its components
• All layout managers implement the LayoutManager interface (so they are of type LayoutManager)
• A container type class (JPanel, etc) provides a setLayout(LayoutManager), which changes the layout of that container object
![Page 4: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/4.jpg)
Flow Layout
• The FlowJPanel uses the FlowLayoutManager by default.
• The flow layout manager lines the components horizontally until there is no more room and then starts a new row of components.
• When the user resizes the container, the layout manager automatically reflows the components to fill the available space.
• By default, components are centered in a row, but a left or right alignment can be set when constructing a flow layout manager.
Continued…
![Page 5: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/5.jpg)
Flow Layout continued
FlowLayout Constructors
FlowLayout (alignment)
* alignment can be specified by a static FlowLayout field
For example:
panel.setLayout(new FlowLayout(FlowLayout.LEFT));
FlowLayout (alignment, int horizontalgap, int verticalgap)
* gaps indicate # of pixels between components
For example:
panel.setLayout(new FlowLayout(FlowLayout.LEFT,10,10)
![Page 6: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/6.jpg)
Border Layout
• Border layout groups container into five areas: center, north, west, south and east
Components Expand to Fill Space in the Border Layout
![Page 7: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/7.jpg)
Border Layout
• Default layout manager for a Jframe (technically, the frame's content pane)
• Border layout lets you choose where to add a component by specifing the position like this (center is default):
• Expands each component to fill the entire allotted area Typically a panel is placed inside each area, to control the Layout for those components.
• The edge components are laid out first, with the remaining space occupied by the center.
• Resizing changes the center size, not the edge.
panel.setLayout(new BorderLayout()); panel.add(component, BorderLayout.NORTH);
![Page 8: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/8.jpg)
Grid Layout
• Arranges components in a grid with a fixed number of rows and columns
• Resizes each component so that they all have same size
• Expands each component to fill the entire allotted area
• Add the components, row by row, left to right:
JPanel numberPanel = new JPanel(); numberPanel.setLayout(new GridLayout(4, 3)); numberPanel.add(button7); numberPanel.add(button8); numberPanel.add(button9); numberPanel.add(button4); . . .
![Page 9: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/9.jpg)
Grid Layout
Figure 2:The Grid Layout
![Page 10: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/10.jpg)
Choices
• Radio buttons
• Check boxes
• Combo boxes
A Combo Box, Check Box, and Radio Buttons
![Page 11: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/11.jpg)
Radio Buttons• User can click radio buttons, just like other buttons
BUT Radio buttons are mutually exclusive
• This is achieved by placing all associated buttons in a ButtonGroup object. The ButtonGroup turns 1 button off when the next one is turned on
• sButton = new JRadioButton("Small");mButton = new JRadioButton("Medium"); lButton = new JRadioButton("Large");ButtonGroup group = new ButtonGroup();group.add(sbutton);group.add(mbutton);group.add(lbutton);
![Page 12: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/12.jpg)
Radio Buttons continued
• The ButtonGroup is a logical component, NOT a visual component. (You don’t place it into a panel)
• It is good practice to initialize one of the buttons to ON:
sButton.setSelected(true);
The buttons still need to be placed into a panel individually.
panel.add(sButton);
panel.add(mButton);
panel.add(lButton);
![Page 13: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/13.jpg)
Radio Buttons continued
Your code can tell if a RadioButton is selected
if (sButton.isSelected())
. . .
One usually wants to check which button is selected WHEN THE USER HAS clicked on ONE!!
An ActionEvent is created when the user clicks on one of the buttons .. so this code is in an ActionListener !!
![Page 14: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/14.jpg)
// Frame which allows the user to select it’s background color
import javax.swing.*;
import java.awt.event.*;
import java.awt.Color;
import java.awt.BorderLayout;
public class RadDemo extends JFrame {
public RadDemo(){
createpanel(); //set up panel
pack();
}
![Page 15: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/15.jpg)
public void createpanel() {
//set up button and put in panel
final JRadioButton redbtn = new JRadioButton("RED");
final JRadioButton bluebtn = new JRadioButton("BLUE");
final JRadioButton greenbtn = new JRadioButton("GREEN");
ButtonGroup grp = new ButtonGroup();
grp.add(redbtn);
grp.add(bluebtn);
grp.add(greenbtn);
final JPanel btnpanel = new JPanel(); //put on panel
btnpanel.add(redbtn);
btnpanel.add(bluebtn);
btnpanel.add(greenbtn);
![Page 16: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/16.jpg)
redbtn.setSelected(true); //default button/color is red
btnpanel.setBackground(Color.RED);
class BtnListen implements ActionListener{ //define listener class
public void actionPerformed (ActionEvent e) {
if (redbtn.isSelected() )
btnpanel.setBackground(Color.RED);
else if (bluebtn.isSelected() )
btnpanel.setBackground(Color.BLUE);
else
btnpanel.setBackground(Color.GREEN);
}
}
BtnListen blisten = new BtnListen(); //create and register listener object
redbtn.addActionListener(blisten);
bluebtn.addActionListener(blisten);
greenbtn.addActionListener(blisten);
getContentPane().add(btnpanel, BorderLayout.CENTER); //put on frame
}
}
![Page 17: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/17.jpg)
// main to create and show frame
public class ColorPanel{
public static void main (String [] args) {
//create and test one of these frames
JFrame newframe = new RadDemo();
newframe.show();
}
}
Colors3.java
![Page 18: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/18.jpg)
Check Boxes
Similar to radio button, BUT not usually mutually exclusive
JCheckBox it = new JCheckBox("Italic");
JCheckBox bld = new JCheckBox(“Bold”);
No need for button group --- if you put them in a ButtonGroup they will be mutually exclusive!!
in Action listener ……..
If (bld.isSelected() )
. . .
![Page 19: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/19.jpg)
Combo Boxes
Combination of selection and text field
Create JComboBox object, then ‘add’ the items
JComboBox faceName = new JComboBox();faceName.addItem("Serif");faceName.addItem("SansSerif");. . .
(Any object type can be added to ComboBox --toString determines what is displayed!!
![Page 20: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/20.jpg)
Combo Boxes To initialize the ComboBox selection:
facename.setSelectedItem(“Italics”);
To get user selection:
sel= (String)faceName.getSelectedItem();
if (sel.equals(“Bold”))
………………..
Note: Cast needed because return type is Object !!
An ActionEvent is created by a ComboBox if the user makes a choice!! So you need to create an ActionListener class and
install it on ComboBox object.
![Page 21: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/21.jpg)
Combo Box items are ‘indexed’ ..
Values stored in a ComboBOx are internally ‘indexed’ beginning at 0 . Can work with the objects using their indices as well
Another way to initialize the ComboBox selection:
facename.setSelectedIndex(0);
Accordingly, can get user selection:int ind = faceName.getSelectedIndex();
![Page 22: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/22.jpg)
//method returns a panel with a combo box on it
public JPanel makebottom() {
final JTextField outbox = new JTextField(" $15.00", 10);
//set up combo box and add a listener
final JComboBox cbox = new JComboBox();
cbox.addItem("Large Price");
cbox.addItem("Medium Price");
cbox.addItem("Small Price");
cbox.setSelectedItem("Large Price");
![Page 23: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/23.jpg)
//method continues
//set up listener
class BoxListener implements ActionListener{
public void actionPerformed(ActionEvent e){
if (cbox.getSelectedItem().equals("Large Price"))
outbox.setText("$15.00");
else if (cbox.getSelectedItem().equals("Medium Price"))
outbox.setText("$10.00");
else
outbox.setText("$8.00");
}
}
BoxListener clisten = new BoxListener();
cbox.addActionListener(clisten);
JPanel temp = new JPanel(); //set up panel
temp.setBackground(Color.blue);
temp.add(cbox);
temp.add(outbox);
return temp;
}
![Page 24: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/24.jpg)
JPanel temp = new JPanel(); //set up panel
temp.setBackground(Color.blue);
temp.add(cbox);
temp.add(outbox);
return temp;
}
![Page 25: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/25.jpg)
Text Areas
Figure 8:The TextAreaViewer Application
![Page 26: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/26.jpg)
Text Areas• Use a JTextArea to show multiple lines of text
• You can specify the number of rows and columns:
• setText: to set the text of a text field or text area
• append: to add text to the end of a text area
final int ROWS = 10; final int COLUMNS = 30; JTextArea textArea = new JTextArea(ROWS, COLUMNS);
Continued…
![Page 27: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/27.jpg)
Text Areas
• Use newline characters to separate lines:
• To use for display purposes only:
textArea.append(account.getBalance() + "\n");
textArea.setEditable(false); // program can call setText and append to change it
![Page 28: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/28.jpg)
Text Areas
To add scroll bars to a text area:
JTextArea textArea = new JTextArea(ROWS, COLUMNS); JScrollPane scrollPane = new JScrollPane(textArea);
![Page 29: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/29.jpg)
Where as a Combo box lets the users choose from a discrete set of values, a slider offers a choice of a value from within a range.
Sliders
![Page 30: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/30.jpg)
Sliders
Constructors JSlider (int min, int max, int initVal) JSlider( int orientation, int min, int max) JSlider (int min, int max)
Visuals: setMajorTickSpacing(int n) setMinorTIckSpacing((int n) setPaintTicks(boolean val) setPaintLabels (boolean val); Events: * when slider moves, the value of slider moves between min and max * when value changes, a ChangeEvent happens * listeners must implement the ChangeListener interface * this interface contains one method: void stateChanged(ChangeEvent e) * slider method int getValue() provides slider value
![Page 31: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/31.jpg)
Borders• Place a border around a panel to group its contents
visually
• EtchedBorder: theree-dimensional etched effect
• Can add a border to any component, but most commonly to panels:
• TitledBorder: a border with a title
Jpanel panel = new JPanel ();panel.setBorder(new EtchedBorder ());
panel.setBorder(new TitledBorder(new EtchedBorder(), “Size”));
![Page 32: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/32.jpg)
Advanced Topic: Layout Management
• Step 1: Make a sketch of your desired component layout
![Page 33: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/33.jpg)
Advanced Topic: Layout Management
• Step 2: Find groupings of adjacent components with the same layout
![Page 34: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/34.jpg)
Advanced Topic: Layout Management
• Step 3: Identify layouts for each group
• Step 4: Group the groups together
• Step 5: Write the code to generate the layout
![Page 35: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/35.jpg)
![Page 36: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/36.jpg)
Menus
Pull-Down Menus
![Page 37: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/37.jpg)
Swing provides pull-down menus• To build a menu:
Create a menu bar JMenuBar object
Add the menu bar to a frame use JFrame method setJMenuBar
Create each menu and add it to menubar
JMenu object represents menu
use JMenuBar method add
Add menu items to the menu
JMenuItem object represents menu item
use JMenu method add
Install Action Listeners to JMenuItem objects
useJMenuItem addActionListener methods
Add action listeners only to menu items, not to menus or the menu bar
![Page 38: Using Inheritance to Customize Frames](https://reader036.vdocument.in/reader036/viewer/2022062409/56814f36550346895dbcd245/html5/thumbnails/38.jpg)
EXAMPLE (runnable code in MenuColor.java)
JMenuBar mbar = new JMenuBar(); //create menu bar
fr. setJMenuBar(mbar); //add to frame
JMenu optMenu = new JMenu("Options"); //new menu
mbar.add(optMenu); // add to menu bar
//create and set up 2 items
JMenuItem cpan = new JMenuItem("Color panel");
CPListen cpl = new CPListen(); //CPListen is ActionListener class
cpan.addActionListener(cpl);
optMenu.add(cpan);
JMenuItem calpan = new JMenuItem("Calorie burn");
CalPListen calpl = new CalPListen(); //CalPListen is ActionListener class
calpan.addActionListener(calpl);
optMenu.add(calpan);