JTabbedPane in Java with Example
Table of Contents
a) Introduction to JTabbedPane
b) Different types of Constructor
c) Examples with Source Code
d) Ouput
******************
Introduction
JTabbedPane is the swing component that is used to
create a tab pane in applications. A tabbed pane is used to group other
component forming different tabs. Example of tabbed pane:
JTabbedPane has two constructors, they are:
A) JTabbedPane():
This is the default constructor. By default the tabs
are placed at top of the application because we cannot specify its orientation.
b) JTabbedPane(int orientation):
This is the second constructor of the tabbed pane.
Here we can specify the placement of the tabs. It means we can place the tabs
in top, left, bottom and right. For placing the tabs in different place, we
have to pass the value through the constructor and the values are TOP(1),
LEFT(2), BOTTOM(3) and RIGHT(4).
To add the component in the tabbed pane, we use addTab(String
title, Component comp) method.
Now let us see the first example of JTabbedPane;
Source Code:
/*
* To change this license
header, choose License Headers in Project Properties.
* To change this template
file, choose Tools | Templates
* and open the template
in the editor.
*/
package JTabbedPane;
/**
*
* @author AnkitPC
*/
import java.awt.*;
import javax.swing.*;
public class JTabbedPaneDemo1 {
JFrame f;
JTabbedPane tp;
JPanel p1,p2;
JButton b1,b2,b3,b4;
//creating
constructors
JTabbedPaneDemo1(){
f=new
JFrame("TabbedPane Demo");
//
f.setSize(300,400);
f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
/*used for custom view
of frame.
if you use setSize
then you have to provide only height and width of the application.
The frame shows in
top corner of left side.So to display the frame as required we use
set bounds.
setBounds requires four integer values , they are x-axis, y-axis, width and
height.
*/
f.setBounds(500,200,400,400);
//setting layout
f.setLayout(new
BorderLayout());
// here is the
second constructor of tabbed pane
//i used value 3
for bottom as you can see in above paragraph
tp=new JTabbedPane(3);
f.add(tp);
p1=new JPanel();
p2=new JPanel();
b1=new
JButton("Click Here");
b2=new
JButton("HI");
b3=new
JButton("Bye");
b4=new
JButton("Hello");
//adding b1 and b2
to panel one
p1.add(b1);
p1.add(b2);
//adding b3 and b4
to panel two
p2.add(b3);
p2.add(b4);
// adding tab to the
tabbedpane
tp.addTab("One",p1);
tp.addTab("Two",p2);
f.setVisible(true);
}
//constructor ends
here
//main method
public static void
main(String[] args) {
//calling constructor
new
JTabbedPaneDemo1();
}
}
Ouput:
Also JTabbedPane can be demonstrated as following.
For this demonstration we are going to use three java classes. But among three
java classes only the one class will have main method.
Let us see the second example to JTabbedPane.
First class is JTabbedPaneDemo2.java where we going
to have the main class too.
Source Code:
/*
* To change this license
header, choose License Headers in Project Properties.
* To change this template
file, choose Tools | Templates
* and open the template
in the editor.
*/
package JTabbedPane;
/**
*
* @author AnkitPC
*/
import java.awt.*;
import javax.swing.*;
public class JTabbedPaneDemo2 {
JFrame f;
JTabbedPane tp;
//constructor
JTabbedPaneDemo2(){
f=new
JFrame("Student Demo");
f.setBounds(545,200,275,400);
f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
f.setResizable(false);
f.setLayout(new
BorderLayout());
tp=new
JTabbedPane();
//adding tabs to
tabbed pane
tp.addTab("Student",new Students());
tp.addTab("Gurdain",new Guardians());
//adding tabbed
pane to frame
f.add(tp);
f.setVisible(true);
}
//main method
public static void
main(String[] args) {
//calling
constructor
new JTabbedPaneDemo2();
}
}
Now after this lets create a another java class
called Students.java
Source Code:
/*
* To change this license
header, choose License Headers in Project Properties.
* To change this template
file, choose Tools | Templates
* and open the template
in the editor.
*/
package JTabbedPane;
/**
*
* @author AnkitPC
*/
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Students extends JPanel implements ActionListener {
JLabel l1,l2,l3;
JTextField t1,t2,t3;
JButton b;
//constructors
Students(){
l1=new
JLabel("Name");
l2=new
JLabel("Address");
l3=new
JLabel("Faculty");
t1=new
JTextField(20);
t2=new
JTextField(20);
t3=new
JTextField(20);
b=new
JButton("Submit");
//registering the
action event
b.addActionListener(this);
//adding
components to the panel
add(l1);
add(t1);
add(l2);
add(t2);
add(l3);
add(t3);
add(b);
}
//performing action
public void
actionPerformed(ActionEvent e){
String
name=t1.getText();
String
add=t2.getText();
String
faculty=t3.getText();
JOptionPane.showMessageDialog(null,"Name: "+name+"\n
Address: "+add+"\nFaculty: "+faculty);
}
}
Now after this again we are going to create another
java class called Guardians.java.
Source Code:
/*
* To change this license
header, choose License Headers in Project Properties.
* To change this template
file, choose Tools | Templates
* and open the template
in the editor.
*/
package JTabbedPane;
/**
*
* @author AnkitPC
*/
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Guardians extends JPanel implements ActionListener
{
JLabel l1,l2,l3;
JTextField t1,t2,t3;
JButton b;
//constructor
Guardians(){
l1=new
JLabel("Name");
l2=new
JLabel("Relation");
l3=new
JLabel("Cell Number");
t1=new
JTextField(20);
t2=new
JTextField(20);
t3=new
JTextField(20);
b=new
JButton("Submit");
//registering the
event
b.addActionListener(this);
//adding
components to frame
add(l1);
add(t1);
add(l2);
add(t2);
add(l3);
add(t3);
add(b);
}
//performing the
actions
public void
actionPerformed(ActionEvent e){
String
name=t1.getText();
String
rel=t2.getText();
String
no=t3.getText();
JOptionPane.showMessageDialog(null,"Name: "+name+"\n
Relation: "+rel+"\nFaculty: "+no);
}
}
Output:
The first image shown is the initial output of the
program. You can see the tabbed pane in the circled part.
Now I have entered some information in the students
tab and clicked the submit button and I got a message dialog showing the
information entered.
Also same goes to the Guardians tab.
JToggleButton in Java with Example
Table of Contents
a) Introduction to JToggleButton
b) Example with Source Code
c) Ouput
*********************
Introduction
JToggleButton is the Swing components which are used
to create a toggle button. Toggle button is a component like button however, it
has two distinct state i.e pressed (on state) and released (off state). For
example, the electric bulb or fan or some electronic things there are two
states either ‘on’ or ‘off’. In a same manner toggle button is used. It can be
used as switch. JToggleButton generates
the Item Event every time when the button is clicked.
isSelected() method is used in toggle button because
it returns the true or false value. When the button is clicked then it returns
true otherwise it returns false.
Let us see the example of toggle button with source
code and output.
Source Code:
/*
* To change this license
header, choose License Headers in Project Properties.
* To change this template
file, choose Tools | Templates
* and open the template
in the editor.
*/
package JToggle;
/**
*
* @author AnkitPC
*/
import java.awt.*; // for layout
import java.awt.event.*; // for event
import javax.swing.*; // for components
public class JToggleButtonDemo implements ItemListener {
JFrame f;
JToggleButton b;
// constructor
JToggleButtonDemo(){
f=new
JFrame("Toggle Button Demo");
// set size of the frame
f.setSize(400,300);
f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
// setting layout
f.setLayout(new
FlowLayout());
b=new
JToggleButton("On");
// registering the
event
b.addItemListener(this);
// adding button to the
frame
f.add(b);
f.setVisible(true);
}
// main method
public static void
main(String[] args) {
// call constructor
new
JToggleButtonDemo();
}
// performing some
actions
public void
itemStateChanged(ItemEvent e){
if(b.isSelected()){
b.setText("Off");
}
else{
b.setText("On");
}
}
}
Note: The highlighted words are the comments.
Output:
As I said earlier it works as a switch. If it is
clicked then it will remain in the same state until and unless another click is
not done to the button. The image below shows the output where the button is
pressed ‘on’. It remains infinitely if we don’t click the button again.
Now I have clicked the button and now it is showing
‘off’ state.
Post a Comment
0 Comments