Guia3A - Interfaces Graficas de Usuario - Swing PDF

Interface Grfica de Usuario en Java: Swing
Hasta ahora se han resuelto los algoritmos haciendo las salidas a travs de una consola en modo texto. La realidad
que es muy comn la necesidad de hacer la entrada y salida de datos mediante una interfaz ms amigable con el
usuario.
La interfaz de usuario es un aspecto muy importante de cualquier aplicacin. Una aplicacin sin un interfaz fcil,
impide que los usuarios saquen el mximo rendimiento del programa. Java proporciona los elementos bsicos
para construir interfaces de usuario a travs de AWT y opciones para mejorarlas mediante Swing, que s permite
la creacin de interfaces de usuario de gran impacto y sin demasiados quebraderos de cabeza.
Al nivel ms bajo, el sistema operativo transmite informacin desde el ratn y el teclado como dispositivos de
entrada. AWT fue diseado pensando en que el programador no tuviese que preocuparse de detalles como
controlar el movimiento del ratn o leer el teclado, ni tampoco atender a detalles como la escritura en pantalla.
AWT constituye una librera de clases orientada a objeto para cubrir estos recursos y servicios de bajo nivel.
Cuando se empieza a utilizar Swing, se observa que se ha dado un gran paso adelante respecto a AWT. Ahora los
componentes del interfaz grfico son Beans y utilizan el nuevo modelo de Delegacin de Eventos de Java. Swing
proporciona un conjunto completo de componentes, todos ellos lightweight, es decir, ya no se usan componentes
"peer" dependientes del sistema operativo, y adems, Swing est totalmente escrito en Java. Todo ello redunda
en una mayor funcionalidad en manos del programador, y en la posibilidad de mejorar en gran medida la
presentacin de los interfaces grficos de usuario.
Son muchas las ventajas que ofrece el uso de Swing, por ejemplo, la navegacin con el teclado es automtica,
cualquier aplicacin Swing se puede utilizar sin ratn, sin tener que escribir ni una lnea de cdigo adicional, las
etiquetas de informacin, o "tool tips", se pueden crear con una sola lnea de cdigo. Adems, Swing aprovecha
la circunstancia de que sus componentes no estn renderizados sobre la pantalla por el sistema operativo para
soportar lo que llaman "pluggable look and feel", es decir, que la apariencia de la aplicacin se adapta
dinmicamente al sistema operativo y plataforma en que est corriendo.
Jerarqua de componentes de interfaces graficas de usuario de Java

En este caso, se desarrollar el uso de los siguientes componentes Swing:
1. JFrame
2. JLabel
3. JButton
4. JTextField
5. JTextArea
6. JComboBox
7. JMenuBar, JMenu, JMenuItem
8. JCheckBox
9. JRadioButton
1
1.- Swing - JFrame
El componente bsico que se requiere cada vez que se implemente una interfaz visual con la librera Swing es la
clase JFrame. Esta clase encapsula una ventana clsica de cualquier sistema operativo con entorno grfico
(Windows, OS X, Linux etc.) y se encuentra en el paquete javax.swing por lo que es necesario importarla antes
de utilizarla.
Ejemplo 1:
Crear una ventana de 300x200 pixeles que se encuentre ubicada en la fila y columna 10:
import javax.swing.JFrame; Se importa la clase JFrame del paquete javax.swing

public class Formulario {
public static void main(String[] ar) { Se crea la clase Formulario
JFrame f=new JFrame();
f.setBounds(10,10,300,200); En el main se define y crea un objeto de la clase JFrame,
f.setVisible(true); llamando luego a los objetos setBounds (define la
}
ubicacin y tamao de la ventana) y setVisible
(determina la visualizacin de la ventana)
}
Pero esta forma de trabajar con la clase JFrame es de poca utilidad ya que rara vez necesitemos implementar una
aplicacin que muestre una ventana vaca. Lo ms correcto es plantear una clase que herede de la clase JFrame y
extienda sus responsabilidades a fin de que se pueda agregar botones, etiquetas, editores de lnea etc.
Entonces la estructura bsica que se emplear para crear una interfaz visual ser:
Por precaucin, se importan todas las clases del paquete javax.swing

import javax.swing.*;
public class Formulario extends JFrame{
public Formulario() { Se plantea una clase que herede de la clase JFrame.
En el constructor se define que se ubicarn los controles
setLayout(null); visuales con coordenadas absolutas mediante la
} desactivacin del Layout heredado
public static void main(String[] ar) {
Formulario formulario1=new Formulario(); En el main se crea un objeto de la clase y se llaman
formulario1.setBounds(10,20,400,300); a los mtodos setBounds y setVisible.
formulario1.setVisible(true);
SetBounds ubica la ventana en la columna 10 fila 20
con un ancho de 400 pixeles y alto de 300 pixeles
}
}
Ejercicio
Crear una ventana de 1024 x 800 pxeles y que no permita al operador modificar su tamao.
Formulario() {
setLayout(null); En el main adicionalmente a los mtodos
} setBounds y setVisible que definen la
ubicacin y tamao de la ventana, se
determina que la ventana no puede ser
Formulario formulario1=new Formulario();
modificada a travs del mtodo
formulario1.setBounds(0,0,1024,800);
setResizable
formulario1.setResizable(false);
}
}
2
2- Swing JLabel
La clase JLabel permite mostrar bsicamente un texto.
Ejemplo 2:
Confeccionar una ventana que muestre el nombre de un programa en la parte superior y su nmero de versin en
la parte inferior. No se debe permitir modificar el tamao de la ventana en tiempo de ejecucin.
Programa: Se importa el paquete javax.swing donde se encuentran

definidas las clases JFrame y JLabel
import javax.swing.*; La clase Formulario hereda de la clase JFrame

public class Formulario extends JFrame {
private JLabel label1,label2; Se definen 2 atributos de la clase JLabel

public Formulario() {
setLayout(null);
En el constructor Formulario(), se crean los dos
label1=new JLabel("Sistema de Facturacin."); JLabel y se ubican utilizando el mtodo
setBounds.
label1.setBounds(10,20,300,30); Adems, mediante el mtodo add se aade el
JLabel al JFrame. Esto para cada JLabel creado
add(label1);
label2=new JLabel("Vesion 1.0");
label2.setBounds(10,100,100,30);
add(label2);
}
En el main:
- se crea un objeto de la clase Formulario.
- se invoca al setBounds para ubicar y dar
tamao al JFrame
Formulario formulario1=new Formulario(); - Se llama al mtodo setResizable para que no
permita la modificacin del JFrame en tiempo
formulario1.setBounds(0,0,300,200); de ejecucin.
- Se usa el mtodo setVisible para que se
formulario1.setResizable(false); visualice el JFrame
}
3
Ejercicio
Crear tres objetos de la clase JLabel, ubicarlos uno debajo de otro y mostrar nombres de colores.
public class Formulario extends JFrame {
private JLabel label1,label2,label3;
setLayout(null);
label1=new JLabel("Rojo");
add(label1);
label2=new JLabel("Verde");
add(label2);
label3=new JLabel("Azul");
add(label3);
}

}
}
4
3- Swing - JButton
Este control visual muestra un botn. El proceso para aadir botones a un control JFrame es similar a aadir
controles de tipo JLabel.
Analicemos la captura de eventos con los controles visuales. Uno de los eventos ms comunes es cuando hacemos
clic sobre un botn. Java implementa el concepto de interfaces para poder llamar a mtodos de una clase existente
a una clase desarrollada por nosotros.
Para atrapar el clic del objeto de la clase JButton hay que implementar una interface. Una interface es un protocolo
que permite la comunicacin entre dos clases. Una interface contiene uno o ms cabeceras de mtodos, pero no
su implementacin.
Por ejemplo la interface ActionListener tiene la siguiente estructura:
interface ActionListener {
public void actionPerformed(ActionEvent e) {
}
Luego las clases que implementen la interface ActionListener debern especificar el algoritmo del mtodo
actionPerformed.
Mediante el concepto de interfaces podemos hacer que desde la clase JButton se puede llamar a un mtodo que
implementamos en nuestra clase.
Ejemplo 3:
Confeccionar una ventana que muestre un botn. Cuando se presione dicho botn, finalizar la ejecucin del
programa Java.
5
Programa:
import java.awt.event.*;
public class Formulario extends JFrame implements ActionListener {
JButton boton1;
setLayout(null);
boton1=new JButton("Finalizar");
boton1.setBounds(300,250,100,30);
add(boton1);
boton1.addActionListener(this);
}

if (e.getSource()==boton1) {
System.exit(0);
}
}

}
}
Explicacin:
Para indicar que una clase implementar una interface lo hacemos en la declaracin de la clase con la sintaxis:
Con esto estamos diciendo que nuestra clase implementa la interface ActionListener, luego estamos obligados a
codificar el mtodo actionPerformed.
A continuacin se define un objeto de la clase JButton:
JButton boton1;
En el constructor se crea el objeto de la clase JButton y mediante la llamada del mtodo addActionListener le
pasamos la referencia del objeto de la clase JButton utilizando la palabra clave this (this almacena la direccin de
memoria donde se almacena el objeto de la clase JFrame, luego mediante dicha direccin podemos llamar al
mtodo actionPerformed):
setLayout(null);
boton1=new JButton("Finalizar");
add(boton1);
}
El mtodo actionPerformed (este mtodo de la interface ActionListener debe implementarse obligatoriamente, en

caso de no codificarlo o equivocarnos en su nombre aparecer un mensaje de error en tiempo de compilacin de
nuestro programa) se ejecutar cada vez que hagamos clic sobre el objeto de la clase JButton.
La interface ActionListener y el objeto de la clase ActionEvent que llega como parmetro estn definidos en el
paquete:
Es decir que cada vez que se presiona el botn desde la clase JButton se llama al mtodo actionPerformed y recibe
como parmetro un objeto de la clase ActionEvent.
En el mtodo actionPerformed mediante el acceso al mtodo getSource() del objeto que llega como parmetro
podemos analizar qu botn se presion:
6
System.exit(0);
}
}
Si se presion el boton1 luego el if se verifica verdadero y por lo tanto llamando al mtodo exit de la clase System
se finaliza la ejecucin del programa.
El main no vara en nada respecto a problemas anteriores.
Ejemplo 4:
Confeccionar una ventana que contenga tres objetos de la clase JButton con las etiquetas "1", "2" y "3". Al
presionarse cambiar el ttulo del JFrame indicando cul botn se presion.
Programa:
public class Formulario extends JFrame implements ActionListener{
private JButton boton1,boton2,boton3;
setLayout(null);
boton1=new JButton("1");
add(boton1);
add(boton2);
add(boton3);
}

setTitle("boton 1");
}
}
}
}
public static void main(String[] ar){

}
}
7
Explicacin:
Se declaran 3 objetos de la clase JButton:
private JButton boton1,boton2,boton3;
En el constructor se crean los tres objetos de la clase JButton y los ubicamos dentro del control JFrame (tambin
llamamos al mtodo addActionListener para enviarle la direccin del objeto de la clase Formulario):
setLayout(null);
add(boton1);
add(boton2);
add(boton3);
}
Cuando se presiona alguno de los tres botones se ejecuta el mtodo actionPerformed y mediante tres if verificamos
cul de los botones se presion:

}
}
}
}
Segn el botn presionado llamamos al mtodo setTitle que se trata de un mtodo heredado de la clase JFrame y
que tiene por objetivo mostrar un String en el ttulo de la ventana.
8
Ejercicio
Disponer dos objetos de la clase JButton con las etiquetas: "varn" y "mujer". Al presionar cada botn
respectivamente se debe mostrar en la barra de ttulos del JFrame la etiqueta del botn presionado.
private JButton boton1,boton2;
setLayout(null);
boton1=new JButton("Varn");
add(boton1);
boton2=new JButton("Mujer");
add(boton2);
}

setTitle("Varn");
}
setTitle("Mujer");
}
}

}
}
9
4- Swing - JTextField
As como podramos decir que el control JLabel remplaza a la salida estndar System.out.print, el control
JTextField cumple la funcin de la clase Scanner para la entrada de datos. El control JTextField permite al
operador del programa ingresar una cadena de caracteres por teclado.
Ejemplo 5:
Confeccionar un programa que permita ingresar el nombre de usuario y cuando se presione un botn mostrar el
valor ingresado en la barra de ttulos del JFrame.
Programa:
private JTextField textfield1;
private JLabel label1;
private JButton boton1;
setLayout(null);
label1=new JLabel("Usuario:");
add(label1);
textfield1=new JTextField();
textfield1.setBounds(120,10,150,20);
add(textfield1);
boton1=new JButton("Aceptar");
add(boton1);
}

String cad=textfield1.getText();
setTitle(cad);
}
}

}
}
10
Explicacin:
Se definen los tres objetos que colaboran con nuestra aplicacin:

En el constructor se crean los tres objetos y los ubicamos:
setLayout(null);
add(label1);
add(textfield1);
boton1=new JButton("Aceptar");
add(boton1);
}
En el mtodo actionPerformed se verifica si se presion el objeto JButton, en caso afirmativo extraemos el

contenido del control JTextField mediante el mtodo getText:

String cad=textfield1.getText();
setTitle(cad);
}
}
En la variable auxiliar cad se almacena temporalmente el contenido del JTextField y seguidamente actualizamos
el ttulo del control JFrame.
Ejemplo 6:
Confeccionar un programa que permita ingresar dos nmeros en controles de tipo JTextField, luego sumar los dos
valores ingresados y mostrar la suma en la barra del ttulo del control JFrame.
Programa:
private JTextField textfield1,textfield2;
setLayout(null);
11
add(textfield1);
add(textfield2);
boton1=new JButton("Sumar");
add(boton1);
}

String cad1=textfield1.getText();
int x1=Integer.parseInt(cad1);
int suma=x1+x2;
String total=String.valueOf(suma);
setTitle(total);
}
}

}
}
Explicacin:
Se definen los tres objetos:

En el mtodo actionPerformed es donde debemos sumar los valores ingresados en los controles de tipo JTextField.
Para extraer el contenido de los controles debemos extraerlos con el mtodo getText:
Como debemos sumar numricamente los valores ingresados debemos convertir el contenido de las variables cad2
y cad2 a tipo de dato int:
El mtodo parseInt de la clase Integer retorna el contenido de cad1 convertido a int (provoca un error si ingresamos
caracteres en el control JTextField en lugar de nmeros)
Una vez que tenemos los dos valores en formato numrico procedemos a sumarlos y almacenar el resultado en
otra variable auxiliar:
int suma=x1+x2;
Ahora tenemos que mostrar el valor almacenado en suma en la barra de ttulos del control JFrame, pero como el
mtodo setTitle requiere un String como parmetro debemos convertirlo a tipo String:
setTitle(total);
12
Es muy comn la necesidad de convertir String a enteros y viceversa. De String a int:
De int a String:
Ejercicio.
Ingresar el nombre de usuario y clave en controles de tipo JTextField. Si se ingresa las cadena (usuario: juan,
clave=abc123) luego mostrar en el ttulo del JFrame el mensaje "Correcto" en caso contrario mostrar el mensaje
"Incorrecto".
private JLabel label1,label2;
setLayout(null);
label1=new JLabel("Nombre:");
add(label1);
label2=new JLabel("Clave:");
add(label2);
add(textfield1);
add(textfield2);
boton1=new JButton("Confirmar");
add(boton1);
}

if (cad1.equals("juan")==true && cad2.equals("abc123")==true) {
setTitle("Correcto");
} else {
setTitle("Incorrecto");
}
}
}

}
}
13
5- Swing - JTextArea
A diferencia del control de tipo JTextField, el control de tipo JTextArea permite ingresar mltiples lneas.
Ejemplo 7:
Confeccionar un programa que permita ingresar un mail en un control de tipo JTextField y el cuerpo del mail en
un control de tipo JTextArea.
Programa:
private JTextArea textarea1;
setLayout(null);
add(textfield1);
textarea1=new JTextArea();
textarea1.setBounds(10,50,400,300);
add(textarea1);
}

}
}
14
Explicacin:
Crear un control de tipo JTextArea es similar a la creacin de controles de tipo JTextField:
textarea1.setBounds(10,50,400,300);
add(textarea1);
El inconveniente que tiene este control es que si se ingresa ms texto que el que puede visualizar no aparecen las
barras de scroll y no podemos ver los caracteres tipeados.
Para salvar el problema anterior debemos crear un objeto de la clase JScrollPane y aadir en su interior el objeto
de la clase JTextArea, luego el programa definitivo es el siguiente:
private JScrollPane scrollpane1;
setLayout(null);
add(textfield1);
scrollpane1=new JScrollPane(textarea1);
scrollpane1.setBounds(10,50,400,300);
add(scrollpane1);
}

}
}
15
Se declaran los dos objetos:

Se crea el objeto de la clase JTextArea:
Seguidamente se crea el objeto de la clase JScrollPane y le pasamos como parmetro el objeto de la clase
JTextArea:
Se define la posicin y tamao del control de tipo JScrollPane (y no del control JTextArea):
Finalmente se aade el control de tipo JScrollPane al JFrame:
add(scrollpane1);
Ejemplo 8:
Confeccionar un programa que permita ingresar en un control de tipo JTextArea un texto. Luego al presionar un
botn mostrar un mensaje si el texto contiene el String "arequipa".
Programa:
setLayout(null);
add(scrollpane1);
boton1=new JButton("Verificar");
add(boton1);
}

String texto=textarea1.getText();
if (texto.indexOf("arequipa")!=-1) {
setTitle("Si contiene el texto \"arequipa\"");
} else {
setTitle("No contiene el texto \"arequipa\"");
}
}
}

}
}
16
Explicacin:
Cuando se presiona el botn se ejecuta el mtodo actionPerformed y procedemos a extraer el contenido del control
TextArea a travs del mtodo getText:
String texto=textarea1.getText();
Luego mediante el mtodo indexOf de la clase String se verifica si el String "arequipa" est contenido en la
variable texto:
if (texto.indexOf("arequipa")!=-1) {
} else {
setTitle("No contiene el texto \"arequipa\"");
}
Si se quiere introducir una comilla doble dentro de un String de Java, se debe antecederle la barra invertida (luego,
dicho caracter no se le considera como parte del String):
Ejercicios
Disponer dos controles de tipo JTextArea, luego, al presionar un botn, verificar si tienen exactamente el mismo
contenido.
private JScrollPane scrollpane1,scrollpane2;
private JTextArea textarea1,textarea2;
setLayout(null);
add(scrollpane1);
add(scrollpane2);
boton1=new JButton("Verificar contenidos");
add(boton1);
}

String texto1=textarea1.getText();
String texto2=textarea2.getText();
if (texto1.equals(texto2)==true) {
setTitle("Los dos controles tienen el mismo texto.");
} else {
setTitle("Los dos controles no tienen el mismo texto.");
}
}
}

}
}
17
6- Swing - JComboBox
El control JComboBox permite seleccionar un String de una lista. Para inicializar los String que contendrn el
JComboBox se debe llamar al mtodo addItem tantas veces como elementos se quieran cargar.
Un evento muy til con este control es cuando el operador selecciona un tem de la lista. Para capturar la seleccin
de un tem debemos implementar la interface ItemListener que contiene un mtodo llamado itemStateChanged.
Ejemplo 9:
Cargar en un JComboBox los nombres de varios colores. Al seleccionar alguno, mostrar en la barra de ttulo del
JFrame el String seleccionado.
Programa:
public class Formulario extends JFrame implements ItemListener{
private JComboBox combo1;
setLayout(null);
combo1=new JComboBox();
combo1.setBounds(10,10,80,20);
add(combo1);
combo1.addItem("rojo");
combo1.addItem("vede");
combo1.addItem("azul");
combo1.addItem("amarillo");
combo1.addItem("negro");
combo1.addItemListener(this);
}
public void itemStateChanged(ItemEvent e) {

if (e.getSource()==combo1) {
String seleccionado=(String)combo1.getSelectedItem();
setTitle(seleccionado);
}
}

}
}
Explicacin:
18
Indicamos a la clase que implementaremos la interface ItemListener:
public class Formulario extends JFrame implements ItemListener{
Se declara un objeto de la clase ComboBox:
En el constructor se crea el objeto de la clase JComboBox:
Posicionamos el control:
Se aade el control al JFrame:
add(combo1);
Se aaden los String al JComboBox:
combo1.addItem("rojo");
combo1.addItem("vede");
combo1.addItem("azul");
combo1.addItem("amarillo");
combo1.addItem("negro");
Asociamos la clase que capturar el evento de cambio de item (con this indicamos que esta misma clase
capturar el evento):
combo1.addItemListener(this);
El mtodo itemStateChanged que debemos implementar de la interface ItemListener tiene la siguiente sintaxis:
public void itemStateChanged(ItemEvent e) {

if (e.getSource()==combo1) {
setTitle(seleccionado);
}
}
Para extraer el contenido del item seleccionado llamamos al mtodo getSelectemItem() el cual retorna un objeto
de la clase Object por lo que debemos indicarle que lo transforme en String:
19
Ejemplo 10:
Disponer tres controles de tipo JComboBox con valores entre 0 y 255 (cada uno representa la cantidad de rojo,
verde y azul). Luego al presionar un botn pintar el mismo con el color que se genera combinando los valores de
los JComboBox.
Programa:
import java.awt.*;
private JComboBox combo1,combo2,combo3;
setLayout(null);
label1=new JLabel("Rojo:");
add(label1);
for(int f=0;f<=255;f++) {
combo1.addItem(String.valueOf(f));
}
add(combo1);
label2=new JLabel("Verde:");
add(label2);
for(int f=0;f<=255;f++) {
}
add(combo2);
label3=new JLabel("Azul:");
add(label3);
for(int f=0;f<=255;f++) {
}
add(combo3);
boton1=new JButton("Fijar Color");
add(boton1);
}
20
String cad1=(String)combo1.getSelectedItem();
int rojo=Integer.parseInt(cad1);
int verde=Integer.parseInt(cad2);
int azul=Integer.parseInt(cad3);
Color color1=new Color(rojo,verde,azul);
boton1.setBackground(color1);
}
}

}
}
Explicacin:
Se importa el paquete java.awt ya que el mismo contiene la clase Color:
import java.awt.*;
Implementaremos la interface ActionListener ya que tenemos que cambiar el color del botn cuando se lo presione
y no haremos actividades cuando cambiemos items de los controles JComboBox:
Definimos los siete objetos requeridos en esta aplicacin:

private JComboBox combo1,combo2,combo3;
En el constructor creamos los objetos, primero el control label1 de la clase JLabel:
label1=new JLabel("Rojo:");
add(label1);
Lo mismo hacemos con el objeto combo1:
Para aadir los 256 elementos del JComboBox disponemos un for y previa a llamar al mtodo addItem
convertimos el entero a String:
for(int f=0;f<=255;f++) {
}
add(combo1);
En el mtodo actionPerformed cuando detectamos que se presion el botn procedemos a extraer los tres item
seleccionados:

21
Los convertimos a entero:
int rojo=Integer.parseInt(cad1);
int verde=Integer.parseInt(cad2);
int azul=Integer.parseInt(cad3);
finalmente se crea un objeto de la clase Color, el constructor de la clase Color requiere que le pasemos tres valores
de tipo int:
Color color1=new Color(rojo,verde,azul);
Para cambiar el color de fondo del control JButton debemos llamar al mtodo setBackground y pasarle el objeto
de la clase Color:
boton1.setBackground(color1);
Ejercicios
Solicitar el ingreso del nombre de una persona y seleccionar de un control JComboBox un pas. Al presionar un
botn mostrar en la barra del ttulo del JFrame el nombre ingresado y el pas seleccionado.
private JLabel label1,label2;
setLayout(null);
add(label1);
add(textfield1);
label2=new JLabel();
add(label2);
combo1.addItem("Argentina");
combo1.addItem("Chile");
combo1.addItem("Per");
combo1.addItem("Brasil");
add(combo1);
add(boton1);
}

String nombre=textfield1.getText();
String pais=(String)combo1.getSelectedItem();
setTitle(nombre+" - "+pais);
}
}

}
}
22
7- Swing - JMenuBar, JMenu, JMenuItem
Ahora veremos cmo crear un men de opciones y la captura de eventos de los mismos. Cuando necesitamos
implementar un men horizontal en la parte superior de un JFrame requerimos de un objeto de la clase JMenuBar,
uno o ms objetos de la clase JMenu y por ltimo objetos de la clase JMenuItem.
Par la captura de eventos debemos implementar la interface ActionListener y asociarlo a los controles de tipo
JMenuItem, el mismo se dispara al presionar con el mouse el JMenuItem.
Ejemplo 11:
Confeccionar un men de opciones que contenga tres opciones que permita cambiar el color de fondo del JFrame
a los colores: rojo, verde y azul.
Programa:
import java.awt.*;
private JMenuBar mb;
private JMenu menu1;
private JMenuItem mi1,mi2,mi3;
setLayout(null);
mb=new JMenuBar();
setJMenuBar(mb);
menu1=new JMenu("Opciones");
mb.add(menu1);
mi1=new JMenuItem("Rojo");
mi1.addActionListener(this);
menu1.add(mi1);
mi2=new JMenuItem("Verde");
menu1.add(mi2);
mi3=new JMenuItem("Azul");
menu1.add(mi3);
}

Container f=this.getContentPane();
if (e.getSource()==mi1) {
f.setBackground(new Color(255,0,0));
}
23
}
}
}

}
}
Explicacin:
Se importa el paquete javax.swing ya que en el mismo se encuentran las tres clases JMenuBar, JMenu y
JMenuItem:
Se importa java.awt donde se encuentra la clase Color:
import java.awt.*;
Para la captura de eventos mediante la interface ActionListener debemos importar el paquete java.awt.event:
Se declara la clase Formulario, que hereda de la clase JFrame e indicamos que implementaremos la interface
ActionListener:
Definimos un objeto de la clase JMenuBar (no importa que tan grande sea un men de opciones solo se necesitar
un solo objeto de esta clase):
Se define un objeto de la clase JMenu (esta clase tiene por objeto desplegar un conjunto de objetos de tipo
JMenuItem u otros objetos de tipo JMenu:
Definimos tres objetos de la clase JMenuItem (estos son los que disparan eventos cuando el operador los
selecciona:
private JMenuItem mi1,mi2,mi3;
En el constructor creamos primero el objeto de la clase JMenuBar y lo asociamos al JFrame llamando al mtodo
setJMenuBar:
mb=new JMenuBar();
setJMenuBar(mb);
Seguidamente creamos un objeto de la clase JMenu, en el constructor pasamos el String que debe mostrar y
asociamos dicho JMenu con el JMenuBar llamando al mtodo add de objeto de tipo JMenuBar (Es decir el objeto
de la clase JMenu colabora con la clase JMenuBar):
mb.add(menu1);
24
Ahora se crean los objetos de la clase JMenuItem y los aadimos al objeto de la clase JMenu (tambin mediante
la llamada al mtodo addActionListener indicamos al JMenuItem que objeto procesar el clic):
menu1.add(mi1);
Lo mismo hacemos para los otros dos JMenuItem:
menu1.add(mi2);
mi3=new JMenuItem("Azul");
menu1.add(mi3);
En el mtodo actionPerformed primero obtenemos la referencia al panel asociado con el JFrame:

Container f=this.getContentPane();
Luego mediante if verificamos cul de los tres JMenuItem fue seleccionado y a partir de esto llamamos al mtodo
setBackground del objeto de la clase Container):
}
}
}
}
Ejemplo 12:
Confeccionar un men de opciones que contenga adems del JMenu de la barra otros dos objetos de la clase
JMenu que dependan del primero. Uno debe mostrar dos JMenuItem que permitan modificar el tamao del JFrame
y el segundo tambin debe mostrar dos JMenuItem que permitan cambiar el color de fondo.
Programa:
import java.awt.*;
private JMenu menu1,menu2,menu3;
25
private JMenuItem mi1,mi2,mi3,mi4;
setLayout(null);
mb=new JMenuBar();
setJMenuBar(mb);
mb.add(menu1);
menu2=new JMenu("Tamao de la ventana");
menu1.add(menu2);
menu3=new JMenu("Color de fondo");
menu1.add(menu3);
mi1=new JMenuItem("640*480");
menu2.add(mi1);
menu2.add(mi2);
menu3.add(mi3);
menu3.add(mi4);
}

setSize(640,480);
}
setSize(1024,768);
}
getContentPane().setBackground(new Color(255,0,0));
}
}
}

}
}
Explicacin:
Se define un objeto de la clase JMenuBar, 3 objetos de la clase JMenu y finalmente 4 objetos de la clase
JMenuItem:

private JMenu menu1,menu2,menu3;
private JMenuItem mi1,mi2,mi3,mi4;
Es importante notar el orden de creacin de los objetos y como los relacionamos unos con otros. Primero se crea
el JMenuBar y lo asociamos con el JFrame:
mb=new JMenuBar();
setJMenuBar(mb);
Se crea el primer JMenu y lo pasamos como parmetro al JMenuBar mediante el mtodo add:
mb.add(menu1);
Ahora creamos el segundo objeto de la clase JMenu y lo asociamos con el primer JMenu creado:
26
menu2=new JMenu("Tamao de la ventana");
menu1.add(menu2);
En forma similar creamos el tercer objeto de la clase JMenu y lo asociamos con el primer JMenu creado:
menu3=new JMenu("Color de fondo");

menu1.add(menu3);
Finalmente comenzamos a crear los objetos de la clase JMenuItem y los dos primeros los asociamos con el
segundo JMenu:
menu2.add(mi1);
menu2.add(mi2);
Tambin hacemos lo mismo con los otros dos objetos de tipo JMenuItem pero ahora los asociamos con el tercer
JMenu:
menu3.add(mi3);
menu3.add(mi4);
En el mtodo actionPerformed si se presiona el mi1 procedemos a redimensionar el JFrame llamando al mtodo

setSize y le pasamos dos parmetros que representan el nuevo ancho y alto de la ventana:
setSize(640,480);
}
De forma similar si se presiona el segundo JMenuItem cambiamos el tamao de la ventana a 1024 pxeles por
768:
setSize(1024,768);
}
Para cambiar de color de forma similar al problema anterior mediante el mtodo getContentPane obtenemos la
referencia al objeto de la clase Container y llamamos al mtodo setBackground para fijar un nuevo color de fondo:
}
}
Ejercicio
Mediante dos controles de tipo JTextField permitir el ingreso de dos nmeros. Crear un men que contenga una
opcin que redimensione el JFrame con los valores ingresados por teclado. Finalmente disponer otra opcin que
finalice el programa (Un programa java se finaliza llamando al mtodo exit de la clase System: System.exit(0))
private JMenuItem mi1,mi2;
private JTextField tf1,tf2;
27
setLayout(null);
mb=new JMenuBar();
setJMenuBar(mb);
mb.add(menu1);
mi1=new JMenuItem("Redimensionar ventana");
menu1.add(mi1);
mi2=new JMenuItem("Salir");
menu1.add(mi2);
tf1=new JTextField();
tf1.setBounds(10,10,100,30);
add(tf1);
tf2.setBounds(10,50,100,30);
add(tf2);
}

String cad1=tf1.getText();
String cad2=tf2.getText();
int ancho=Integer.parseInt(cad1);
int alto=Integer.parseInt(cad2);
setSize(ancho,alto);
}
System.exit(0);
}
}

}
}
28
8- Swing - JCheckBox
Permite implementar un cuadro de seleccin (bsicamente un botn de dos estados)
Ejemplo 13:
Confeccionar un programa que muestre 3 objetos de la clase JCheckBox con etiquetas de tres idiomas. Cuando
se lo selecciona mostrar en el ttulo del JFrame todos los JCheckBox seleccionados hasta el momento.
Programa:
import javax.swing.event.*;
public class Formulario extends JFrame implements ChangeListener{
private JCheckBox check1,check2,check3;
setLayout(null);
check1=new JCheckBox("Ingls");
check1.setBounds(10,10,150,30);
check1.addChangeListener(this);
add(check1);
check2=new JCheckBox("Francs");
add(check2);
check3=new JCheckBox("Alemn");
add(check3);
}
public void stateChanged(ChangeEvent e){

String cad="";
if (check1.isSelected()==true) {
cad=cad+"Ingls-";
}
cad=cad+"Francs-";
}
cad=cad+"Alemn-";
}
setTitle(cad);
}

}
}
29
Explicacin:
Lo primero y ms importante que tenemos que notar que para capturar el cambio de estado del JCheckBox hay
que implementar la interface ChangeListener que se encuentra en el paquete:
y no en el paquete:
import java.awt.event.*
Cuando declaramos la clase JFrame indicamos que implementaremos la interface ChangeListener:

Definimos tres objetos de la clase JCheckBox:
En el constructor creamos cada uno de los objetos de la clase JCheckBox y llamamos al mtodo
addChangeListener indicando quien procesar el evento de cambio de estado:
check1=new JCheckBox("Ingls");
add(check1);
El mtodo que debemos implementar de la interface ChangeListener es:
public void stateChanged(ChangeEvent e){
En este mediante tres if verificamos el estado de cada JCheckBox y concatenamos los String con los idiomas
seleccionados:
String cad="";
cad=cad+"Ingls-";
}
cad=cad+"Francs-";
}
cad=cad+"Alemn-";
}
setTitle(cad);
Ejemplo 14:
Disponer un control JLabel que muestre el siguiente mensaje: "Est de acuerdo con las normas del servicio?",
luego un JCheckBox y finalmente un objeto de tipo JButton desactivado. Cuando se tilde el JCheckBox
debemos activar el botn.
30
Programa:
public class Formulario extends JFrame implements ActionListener, ChangeListener{
private JCheckBox check1;
setLayout(null);
label1=new JLabel("Esta de acuerdo con las normas del servicio?");
add(label1);
check1=new JCheckBox("Acepto");
add(check1);
boton1=new JButton("Continuar");
add(boton1);
boton1.setEnabled(false);
}
public void stateChanged(ChangeEvent e) {

boton1.setEnabled(true);
} else {
}
}

System.exit(0);
}
}

}
}
Explicacin:
Se importan los paquetes donde se encuentran las interfaces para captura de eventos de objetos de tipo JButton y
JCheckBox:
Tambin importamos el paquete donde estn definidas las clase JFrame, JButton y JCheckBox:
Como debemos implementar dos interfaces las debemos enumerar despus de la palabra implements separadas
por coma:
public class Formulario extends JFrame implements ActionListener, ChangeListener{
Se definen los tres objetos:
31
private JCheckBox check1;
En el constructor creamos el objeto de tipo JLabel:
setLayout(null);
label1=new JLabel("Esta de acuerdo con las normas del servicio?");
add(label1);
El objeto de tipo JCheckBox:
check1=new JCheckBox("Acepto");
add(check1);
y tambin creamos el objeto de tipo JButton y llamando al mtodo setEnabled con un valor false luego el botn
aparece desactivo:
boton1=new JButton("Continuar");
add(boton1);
Cuando se cambia el estado del control JCheckBox se ejecuta el mtodo stateChanged donde verificamos si est
seleccionado procediendo a activar el botn en caso negativo lo desactivamos:

boton1.setEnabled(true);
} else {
}
}
El mtodo actionPerformed se ejecuta cuando se presiona el objeto de tipo JButton (debe estar activo para poder
presionarlo):

System.exit(0);
}
}
Ejercicio
Disponer tres objetos de la clase JCheckBox con nombres de navegadores web. Cuando se presione un botn
mostrar en el ttulo del JFrame los programas seleccionados.
setLayout(null);
check1=new JCheckBox("Chrome");
add(check1);
check2=new JCheckBox("FireFox");
add(check2);
32
check3=new JCheckBox("Opera");
add(check3);
add(boton1);
}

String cad="";
cad=cad+"Chrome-";
}
cad=cad+"FireFox-";
}
cad=cad+"Opera-";
}
setTitle(cad);
}
}
}
}
33
9- Swing - JRadioButton
Normalmente se usa un conjunto de JRadioButton que permiten la seleccin de solo uno de ellos. Se los debe
agrupar para que acten en conjunto, es decir cuando se selecciona uno automticamente se deben deseleccionar
los otros.
Ejemplo 15:
Confeccionar un programa que muestre 3 objetos de la clase JRadioButton que permitan configurar el ancho y
alto del JFrame.
Programa:
private JRadioButton radio1,radio2,radio3;
private ButtonGroup bg;
setLayout(null);
bg=new ButtonGroup();
radio1=new JRadioButton("640*480");
radio1.setBounds(10,20,100,30);
radio1.addChangeListener(this);
add(radio1);
bg.add(radio1);
add(radio2);
bg.add(radio2);
add(radio3);
bg.add(radio3);
}

if (radio1.isSelected()) {
setSize(640,480);
}
setSize(800,600);
}
setSize(1024,768);
}
}
34
}
}
Explicacin:
Se importan los dos paquetes donde estn definidas las clases e interfaces para la captura de eventos:
Heredamos de la clase JFrame e implementamos la interface ChangeListener para capturar el cambio de seleccin
de objeto de tipo JRadioButton:
Definimos tres objetos de la clase JRadioButton y uno de tipo ButtonGroup:
private JRadioButton radio1,radio2,radio3;

En el constructor creamos primero el objeto de la clase ButtonGroup:
Creamos seguidamente el objeto de la clase JRadioButton, definimos su ubicacin, llamamos al mtodo

addChangeListener para informar que objeto capturar el evento y finalmente aadimos el objeto JRadioButton
al JFrame y al ButtonGroup:
add(radio1);
bg.add(radio1);
Exactamente hacemos lo mismo con los otros dos JRadioButton:
add(radio2);
bg.add(radio2);
add(radio3);
bg.add(radio3);
En el mtodo stateChanged verificamos cul de los tres JRadioButton est seleccionado y procedemos a
redimensionar el JFrame:

setSize(640,480);
}
setSize(800,600);
}
setSize(1024,768);
}
}
35
Ejercicio
Permitir el ingreso de dos nmeros en controles de tipo JTextField y mediante dos controles de tipo
JRadioButton permitir seleccionar si queremos sumarlos o restarlos. Al presionar un botn mostrar en el ttulo
del JFrame el resultado de la operacin.
private JTextField tf1,tf2;
private JRadioButton radio1,radio2;
setLayout(null);
tf1.setBounds(10,10,100,30);
add(tf1);
tf2.setBounds(10,60,100,30);
add(tf2);
radio1=new JRadioButton("Sumar");
bg.add(radio1);
add(radio1);
radio2=new JRadioButton("Restar");
bg.add(radio2);
add(radio2);
boton1=new JButton("Operar");
add(boton1);
}

int v1=Integer.parseInt(tf1.getText());
int v2=Integer.parseInt(tf2.getText());
int resultado=0;
resultado=v1+v2;
}
resultado=v1-v2;
}
setTitle(String.valueOf(resultado));
}
}

}
}
36

Guia3A - Interfaces Graficas de Usuario - Swing PDF

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Guia3A - Interfaces Graficas de Usuario - Swing PDF

Caricato da

Copyright:

Formati disponibili

Interface Grfica de Usuario en Java: Swing

Jerarqua de componentes de interfaces graficas de usuario de Java

import javax.swing.JFrame; Se importa la clase JFrame del paquete javax.swing

Por precaucin, se importan todas las clases del paquete javax.swing

Programa: Se importa el paquete javax.swing donde se encuentran

import javax.swing.*; La clase Formulario hereda de la clase JFrame

private JLabel label1,label2; Se definen 2 atributos de la clase JLabel

label2=new JLabel("Vesion 1.0");

public static void main(String[] ar) {

Por ejemplo la interface ActionListener tiene la siguiente estructura:

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

El mtodo actionPerformed (este mtodo de la interface ActionListener debe implementarse obligatoriamente, en

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar){

Se declaran 3 objetos de la clase JButton:

private JButton boton1,boton2,boton3;

public void actionPerformed(ActionEvent e) {

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

Se definen los tres objetos que colaboran con nuestra aplicacin:

public class Formulario extends JFrame implements ActionListener{

En el constructor se crean los tres objetos y los ubicamos:

En el mtodo actionPerformed se verifica si se presion el objeto JButton, en caso afirmativo extraemos el

public void actionPerformed(ActionEvent e) {

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

Se definen los tres objetos:

public class Formulario extends JFrame implements ActionListener{

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

public static void main(String[] ar) {

Crear un control de tipo JTextArea es similar a la creacin de controles de tipo JTextField:

public static void main(String[] ar) {

private JScrollPane scrollpane1;

Se crea el objeto de la clase JTextArea:

Finalmente se aade el control de tipo JScrollPane al JFrame:

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

setTitle("Si contiene el texto \"arequipa\"");

public void actionPerformed(ActionEvent e) {

public static void main(String[] ar) {

public void itemStateChanged(ItemEvent e) {

public static void main(String[] ar) {

public class Formulario extends JFrame implements ItemListener{

Se declara un objeto de la clase ComboBox:

private JComboBox combo1;

En el constructor se crea el objeto de la clase JComboBox:

Se aade el control al JFrame:

Se aaden los String al JComboBox:

public void itemStateChanged(ItemEvent e) {

public static void main(String[] ar) {

Se importa el paquete java.awt ya que el mismo contiene la clase Color:

public class Formulario extends JFrame implements ActionListener{

Definimos los siete objetos requeridos en esta aplicacin:

private JLabel label1,label2,label3;

En el constructor creamos los objetos, primero el control label1 de la clase JLabel:

Lo mismo hacemos con el objeto combo1:

public void actionPerformed(ActionEvent e) {

Color color1=new Color(rojo,verde,azul);

public void actionPerformed(ActionEvent e) {