Proyecto Informatico

Interfaces Gr´ficas de Usuario en Java
a MySQL y Java
Julio 2004. Universitat de Val`ncia
e

´
Indice
1. Introducciń
o 1

2. Crear una ventana 2

3. Componentes swing 5
3.1. JPanel y JLabel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.2. ImageIcon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3. JTextField . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.4. JTextArea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
3.5. JButton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
3.6. JCheckBox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.7. JRadioButton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.8. ButtonGroup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.9. JComboBox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.10. JList . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.11. JTable y JScrollPane . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.12. JTree . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
3.13. JMenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

4. Organizaciń de los componentes
o 16
4.1. BorderLayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
4.2. FlowLayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
4.3. GridLayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.4. CardLayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.5. GridBagLayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

5. Tratamiento de eventos 19
5.1. MouseListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
5.2. KeyListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
5.3. WindowListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
5.4. ActionListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
5.5. TextListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
5.6. ItemListener . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

1. Introducciń
o

En esta sesiń se van a ver algunos aspectos de JFC (Java Foundation Classes). JFC es un conjunto
o
de componentes para trabajo con interfaces gr´ficas de usuario en Java.
a

Contiene:

Abstract Window Toolkit (AWT)

API para el diseõ de interfaces gr´ficas de usuario que se integran en el sistema de ventanas nativo del sistema
n a
donde se ejecutan, incluyendo APIs para arrastrar y soltar.

Java 2D

Ir al ´
ındice juan.gutierrez@uv.es P´gina: 1
a

a MySQL y Java
e

APIs para trabajar con gr´ficos 2D, trabajo con im´genes, texto e impresiń.
a a o

Swing

APIs que extienden AWT para proporcionar una biblioteca de componentes para el diseõ de interfaces gr´ficas de
n a
usuario enteramente realizadas en Java.

Accesibilidad

APIs para permitir que las aplicaciones sean accesibles a las personas con discapacidades.

Internacionalizaciń
o

Todas estas APIs incluyen soporte para crear aplicaciones que puedan ser utilizadas independientemente de la loca-
lizaciń del usuario.
o

Aqu´ vamos a ver algo de Swing y de AWT.
ı

A grandes rasgos, los pasos para crear una interfaz gr´fica de usuario son
a

Crear una ventana

Colocar componentes en la ventana

Organizar los componentes en los contenedores

Tratar los eventos

2. Crear una ventana

Se puede crear una ventana (que servir´ como contenedor de componentes) utilizando la clase
a
JFrame.

El siguiente c´digo muestra c´mo se puede crear una ventana con tamaõ 300 por 200 pixels.
o o n

Ir al ´
a

a MySQL y Java
e

i m p o r t j a v a x . swing . ∗ ;

p u b l i c c l a s s EjemploVentana {
p u b l i c s t a t i c v o i d main ( S t r i n g [ ] a r g s ) {
Ventana ven = new Ventana ( ) ;
ven . s e t D e f a u l t C l o s e O p e r a t i o n ( JFrame . EXIT ON CLOSE) ;
ven . show ( ) ;
}
}

c l a s s Ventana e x t e n d s JFrame{
p u b l i c Ventana ( ) {
setSize (300 ,200) ;
}
}

El resultado al ejecutar esta aplicaci´n es el siguiente:
o

Si se desea que en la ventana aparezca un t´ ıtulo se puede poner como primera sentencia en el
constructor de Ventana la siguiente instrucci´n:
o
s u p e r ( ” Ventana ” ) ;

En este caso se ver´ lo siguiente:
a

Las ventanas son contenedores de otros componentes tales como barras de men´, campos de texto,
u
botones, etc.

De hecho una ventana est´ constituida por una serie de capas:
a

Ir al ´
a

a MySQL y Java
e

JFrame

JRoot

JLayeredPane

Content pane

Glass pane

Para aãdir componentes a la ventana, primero se debe obtener el contenedor content pane y a
n
continuaciń aãdir los componentes a ´ste.
o n e

Por ejemplo, supongamos que deseamos dibujar un rectńgulo en la ventana. El rectńgulo no se
a a
puede dibujar directamente sobre un objeto del tipo JFrame. En su lugar procederemos del siguiente
modo:

1. Crearemos una clase que extienda a JPanel

2. Sobreescribiremos su m´todo paintComponent(Graphics g)
e

3. Aãdiremos un objeto de este tipo a la ventana.
n

El c´digo se muestra a continuaciń:
o o

i m p o r t j a v a . awt . ∗ ;

c l a s s MiPanel e x t e n d s JPanel {
p u b l i c v o i d paintComponent ( G r a p h i c s g ) {
s u p e r . paintComponent ( g ) ;
g . drawRect ( 2 0 , 2 0 , 8 0 , 8 0 ) ;
}
}

getContentPane ( ) . add ( new MiPanel ( ) ) ;
setSize (300 ,200) ;
}
}

p u b l i c c l a s s EjemploVentana2 {
Ventana ven = new Ventana ( ) ;

Ir al ´
a

a MySQL y Java
e

ven . show ( ) ;
}
}

Se ha sobreescrito un m´todo de la clase JPanel donde especificamos qu´ se debe realizar cuando
e e
haya que mostrar este componente, pero... ¿donde llamamos a este m´todo?.
e

La respuesta es: en ningń sitio. Este m´todo es llamado autom´ticamente cada vez que hay que
u e a
pintar el componente y esto ocurre cada vez que:

Cuando hay que mostrarlo por primera vez

Cuando se modifica el tamaõ de la ventana
n

Cuando la ventana estaba minimizada y se vuelve a mostrar.

Cuando otra aplicaciń que cubre a la ventana se mueve.
o

...

3. Componentes swing

Un componente es un objeto que tiene una representaciń gr´fica y que puede ser mostrado por
o a
pantalla y que puede utilizado por el usuario. Ejemplos de componentes son: JButton, JTextField, JScro-
llPane, JTextArea, 1

Utilizan como base la clase java.awt.Component que est´ definida como abstracta. Todos los compo-
a
nentes (excepto los men´s) extienden a esta clase.
u

Los componentes se pueden dividir en dos categor´
ıas:

Un conjunto de componentes est´ formado por widgets 2 .
a

Otro conjunto est´ formado por contenedores. Estos componentes extienden a la clase java.awt.Container
a
(que es una clase abstracta que extiende a Component). Los contenedores son componentes que pueden
incluir otros componentes.

La siguiente figura muestra la relaciń entre componentes y contenedores
o
1
Hay otra serie de clases que no empiezan por J: Button, TextField, TextArea,... que pertenecen a AWT.
2
Contracciń de Window y gadget. Una representaciń visible de un componente que puede ser manipulada por el
o o
usuario. Botones, campos de texto y barras de desplazamiento son ejemplos de widgets

Ir al ´
a

a MySQL y Java
e

Contenedor
alto nivel
JFrame
JApplet PPP
PPP
... AA PPP
} AA PPP
}} AA PPP
}} AA PPP
}} A PPP
}} PP
Contenedor Contenedor PPPP
Componentes
intermedio intermedio
... JButton
JPanel JPanel
JTextField
JScrollPane JScrollPane
...
... ...

Componentes Componentes
JButton ... JButton
JTextField JTextField
... ...

Vamos a ver algunos de los componentes que ofrece Swing.

3.1. JPanel y JLabel

Un objeto de la clase JPanel sirve para contener otros componentes. La clase JLabel se utiliza para
crear etiquetas de texto.

i m p o r t j a v a x . swing . e v e n t . ∗ ;

p u b l i c c l a s s Ventana e x t e n d s JFrame{
C o n t a i n e r c = getContentPane ( ) ;
c . s e t L a y o u t ( new FlowLayout ( ) ) ;

JPanel p = new JPanel ( ) ;
p . add ( new J L a b e l ( ” Ejemplo de JPanel ” ) ) ;

c . add ( p ) ;

setSize (200 ,200) ;
setVisible ( true ) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.2. ImageIcon

Objetos de esta clase se pueden utilizar para mostrar im´genes.
a


p u b l i c Ventana ( S t r i n g f i c h ) {

ImageIcon i i = new ImageIcon ( f i c h ) ;

c . add ( new J L a b e l ( ” ” , i i , J L a b e l .CENTER) ) ;

setSize (650 ,500) ;
}
new Ventana ( a r g s [ 0 ] ) ;
}
}

3.3. JTextField

Objetos de esta clase se utilizan para que el usuario pueda introducir datos a la aplicaci´n.
o



J T e x t F i e l d campoTexto = new J T e x t F i e l d ( 2 0 ) ;

c . add ( new J L a b e l ( ”Nombre” ) ) ;
c . add ( campoTexto ) ;

setSize (350 ,200) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.4. JTextArea

Objetos de esta clase se utilizan para que el usuario pueda introducir datos tipo texto de gran
tama˜o.
n



JTextArea a r e a = new JTextArea ( 8 , 2 0 ) ;

c . add ( new J L a b e l ( ” O b s e r v a c i o n e s ” ) ) ;
c . add ( a r e a ) ;

setSize (350 ,200) ;
}
new Ventana ( ) ;
}
}

3.5. JButton

Un objeto de esta clase representa un bot´n.
o



JButton b1 = new JButton ( ” Aceptar ” ) ;
JButton b2 = new JButton ( ” C a n c e l a r ” ) ;

c . add ( b1 ) ;
c . add ( b2 ) ;

setSize (350 ,200) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.6. JCheckBox

Sirve para seleccionar elementos.



JCheckBox cb = new JCheckBox ( ” P i z a r r a ” ) ;
cb . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 2 0 ) ) ;

c . add ( cb ) ;

setSize (200 ,200) ;
}
new Ventana ( ) ;
}
}

3.7. JRadioButton

Sirve para seleccionar elementos.



JRadioButton rb=new JRadioButton ( ” P i z a r r a ” ) ;

rb . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 2 0 ) ) ;

c . add ( rb ) ;

setSize (200 ,200) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.8. ButtonGroup

Se pueden agrupar una serie de JRadioButton de forma que s´lo pueda estar seleccionado uno de
o
ellos.




c . add ( new J L a b e l ( ” S e l e c c i o n a e l t i p o de c o m b u s t i b l e ” ) ) ;

Font f u e n t e = new Font ( ” A r i a l ” , Font . PLAIN , 1 8 ) ;

JRadioButton g a s = new JRadioButton ( ” G a s o l i n a ” ) ;
gas . setFont ( fuente ) ;

JRadioButton d i e = new JRadioButton ( ” D i e s e l ” ) ;
die . setFont ( fuente ) ;

// Agrupamos l o s b o t o n e s
ButtonGroup grupo = new ButtonGroup ( ) ;
grupo . add ( g a s ) ;
grupo . add ( d i e ) ;

JPanel r a d i o P a n e l = new JPanel ( ) ;
r a d i o P a n e l . s e t L a y o u t ( new GridLayout ( 0 , 1 ) ) ;
r a d i o P a n e l . add ( g a s ) ;
r a d i o P a n e l . add ( d i e ) ;

c . add ( r a d i o P a n e l ) ;

setSize (300 ,300) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.9. JComboBox

Sirve para mostrar una lista desplegable de elementos.



JComboBox cb = new JComboBox ( ) ;
cb . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 2 0 ) ) ;
cb . addItem ( ” P i z a r r a ” ) ;
cb . addItem ( ” P a n t a l l a ” ) ;
cb . addItem ( ” P r o y e c t o r ” ) ;

c . add ( cb ) ;
setSize (200 ,200) ;
}
new Ventana ( ) ;
}
}

3.10. JList

Objetos de esta clase sirven para mostrar una lista con elementos.

Ir al ´
a

a MySQL y Java
e




String [ ] datos = {” Pizarra ” , ” Pantalla ” , ”
Proyector ” };
J L i s t l i s t a = new J L i s t ( d a t o s ) ;

c . add ( l i s t a ) ;

setSize (200 ,200) ;
}
new Ventana ( ) ;
}
}

3.11. JTable y JScrollPane

Objetos del tipo JTable sirven para mostrar informaci´n en forma tabular.
o

Los objetos del tipo JScrollPane sirven para contener componentes y mostrar barras de desplaza-
miento.


C o n t a i n e r cp = getContentPane ( ) ;
cp . s e t L a y o u t ( new BorderLayout ( ) ) ;

// Nombres de l a s columnas
f i n a l S t r i n g [ ] nombreCol = { ” S e s i o n ” , ”Tema” , ” Fecha ” , ” Aula ” } ;

// Datos
Object [ ] [ ] datos = {
{ ” 1 ” , ”MySQL” , ”12−07−04” , ” 5 ” } ,
{ ” 2 ” , ”MySQL” , ”13−07−04” , ” 5 ” } ,
{ ” 3 ” , ”JDBC” , ”14−07−04” , ” 5 ” } ,
{ ” 4 ” , ”GUI” , ”15−07−04” , ” 5 ” } ,
{ ” 5 ” , ” P r o y e c t o ” , ”16−07−04” , ” 5 ” } } ;

JTable t a b l a = new JTable ( d at os , nombreCol ) ;

t a b l a . s e t F o n t ( new Font ( ” A r i a l ” , Font .BOLD, 1 8 ) ) ;
t a b l a . setRowHeight ( 2 4 ) ;

J S c r o l l P a n e j s p = new J S c r o l l P a n e ( t a b l a ) ; // , ver , hor ) ;

cp . add ( j s p , BorderLayout .CENTER) ;

setSize (500 ,300) ;

Ir al ´
a

a MySQL y Java
e

}

new Ventana ( ) ;
}
}

Ejercicio 1
Realizar una consulta en la que se muestren las familias del Reino Unido donde el precio de
estancia por d´ sea menor o igual a 18 euros, se debe seleccionar el nombre de la familia, la
ıa
ciudad y el tipo de casa.
El resultado se debe mostrar en una JTable.

3.12. JTree

Objetos de este tipo sirven para mostrar la informaci´n en forma de ´rbol.
o a

i m p o r t j a v a x . swing . t r e e . ∗ ;

p r i v a t e JTree a r b o l ;

c . s e t L a y o u t ( new BorderLayout ( ) ) ;

// C o n s t r u c c i o n d e l a r b o l

DefaultMutableTreeNode a s i g = new DefaultMutableTreeNode ( ” E n l a c e s ” ) ;

DefaultMutableTreeNode tema = n u l l ;
DefaultMutableTreeNode s e c c i o n = n u l l ;

tema = new DefaultMutableTreeNode ( ” B u s c a d o r e s ” ) ;
a s i g . add ( tema ) ;

s e c c i o n = new DefaultMutableTreeNode ( ” Google ” ) ;

Ir al ´
a

a MySQL y Java
e

tema . add ( s e c c i o n ) ;

s e c c i o n = new DefaultMutableTreeNode ( ”Yahoo” ) ;

tema = new DefaultMutableTreeNode ( ” Java ” ) ;
a s i g . add ( tema ) ;

s e c c i o n = new DefaultMutableTreeNode ( ”Sun” ) ;

s e c c i o n = new DefaultMutableTreeNode ( ”IBM” ) ;

s e c c i o n = new DefaultMutableTreeNode ( ” JavaWorld ” ) ;

a r b o l = new JTree ( a s i g ) ;

a r b o l . s e t F o n t ( new Font ( ” A r i a l ” , Font .BOLD, 2 0 ) ) ;

c . add ( a r b o l , BorderLayout .CENTER) ;

setSize (400 ,600) ;
}
new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

3.13. JMenu


p r i v a t e JMenuBar mb ;

Ventana ( ) {

// Se c r e a una b a r r a de men´ s
u
mb = new JMenuBar ( ) ;

// Creamos un e l e m e n t o d e l men´ u
JMenu a r c h i v o = new JMenu ( ” Ar c hi v o ” ) ;
a r c h i v o . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 2 0 ) ) ;

// Creamos y a˜ adimos submen´ s
n u

JMenuItem nuevo = new JMenuItem ( ”Nuevo” ) ;
nuevo . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
a r c h i v o . add ( nuevo ) ;

JMenuItem a b r i r = new JMenuItem ( ” A b r i r ” ) ;
a b r i r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
a r c h i v o . add ( a b r i r ) ;

JMenuItem v e r = new JMenuItem ( ” Ver t o d o s ” ) ;
v e r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
a r c h i v o . add ( v e r ) ;

// Ahora a˜ adimos a r c h i v o a l a b a r r a de menus
n
mb . add ( a r c h i v o ) ;

// Creamos o t r o e l e m e n t o d e l men´ u
JMenu e d i t a r = new JMenu ( ” E d i t a r ” ) ;
e d i t a r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 2 0 ) ) ;

// Creamos y a˜ adimos submen´ s
n u

JMenuItem c o p i a r = new JMenuItem ( ” C op ia r ” ) ;
c o p i a r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
e d i t a r . add ( c o p i a r ) ;

JMenuItem p e g a r = new JMenuItem ( ” Pegar ” ) ;
p e g a r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
e d i t a r . add ( p e g a r ) ;

JMenuItem c o r t a r = new JMenuItem ( ” C o r t a r ” ) ;
c o r t a r . s e t F o n t ( new Font ( ” A r i a l ” , Font . PLAIN , 1 6 ) ) ;
e d i t a r . add ( c o r t a r ) ;

// A˜ adimos e d i t a r a l a b a r r a de menu
n
mb . add ( e d i t a r ) ;

setJMenuBar (mb) ;

setSize (500 ,500) ;

}

new Ventana ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

4. Organizaciń de los componentes
o

Cuando en una ventana hay muchos componentes hay que organizarlos de algń modo.
u

Java proporciona diversos esquemas de organizaciń (layout managers) que pueden ser utilizados
o
para organizar los componentes dentro de los contenedores.

Los gestores de organizaciń se encargan de reorganizar los componentes en caso de que el usuario
o
cambie el tamaõ de la ventana.
n

Los gestores de organizaciń que ofrece Java son:
o

BorderLayout, FlowLayout, BoxLayout, CardLayout, GridLayout, GridBagLayout

El procedimiento es siempre el mismo, se crea un objeto de alguna de estas clases y se le indica al
contenedor que organice los componentes utilizando el objeto (para ello los contenedores disponen del
m´todo setLayout(LayoutManager m).
e

4.1. BorderLayout

Se puede utilizar para colocar en un contenedor cinco componentes como m´ximo ya que propor-
a
ciona cinco posiciones donde colocar los componentes, estas son: NORTH (arriba), SOUTH (abajo),
WEST (izquierda), EAST (derecha) y CENTER (en el centro).

Ir al ´
a

a MySQL y Java
e



JButton b1 = new JButton ( ”A” ) ;
JButton b2 = new JButton ( ”B” ) ;
JButton b3 = new JButton ( ”C” ) ;
JButton b4 = new JButton ( ”D” ) ;
JButton b5 = new JButton ( ”E” ) ;

c . s e t L a y o u t ( new BorderLayout ( ) ) ;

c . add ( b1 , BorderLayout .NORTH) ;
c . add ( b2 , BorderLayout .SOUTH) ;
c . add ( b3 , BorderLayout .WEST) ;
c . add ( b4 , BorderLayout . EAST) ;
c . add ( b5 , BorderLayout .CENTER) ;
}
Ventana v = new Ventana ( ) ;
v . setSize (300 ,300) ;
v . show ( ) ;
}
}

4.2. FlowLayout

Coloca los componentes de izquierda a derecha conforme se van a˜adiendo a la ventana. El tama˜o
n n
de los componentes se ajusta a su contenido.

Ir al ´
a

a MySQL y Java
e



JButton b3 = new JButton ( ” Bot´ n m´s l a r g o ” ) ;
o a

c . add ( b1 ) ;
c . add ( b2 ) ;
c . add ( b3 ) ;
c . add ( b4 ) ;
c . add ( b5 ) ;
}

v . setSize (200 ,200) ;
v . show ( ) ;
}
}

4.3. GridLayout

Coloca los componentes en filas y columnas en funciń de los valores pasados al constructor. Todas
o
las celdas tendrń el mismo tamaõ.
a n


JButton b3 = new JButton ( ”C” ) ;

c . s e t L a y o u t ( new GridLayout ( 2 , 3 ) ) ;
c . add ( b1 ) ;
c . add ( b2 ) ;
c . add ( b3 ) ;
c . add ( b4 ) ;
c . add ( b5 ) ;
}
v . setSize (300 ,300) ;
v . show ( ) ;
}
}

Ir al ´
a

a MySQL y Java
e

4.4. CardLayout

Se puede utilizar para mostrar de forma condicional unos elementos u otros, de forma que se puede
controlar qu´ elementos serń visibles. Una ilustraciń es una pila de cartas en las que s´lo la superior
e a o o
es visible en un instante dado.

4.5. GridBagLayout

Este es un organizador complejo que permite ajustar la posiciń de los componentes. Al colocar
o
los componentes en los contenedores se especifican las restricciones que se deben cumplir ( posiciń
o
del componente, anchura y altura del componente, separaciń entre los componentes, posiciń dentro
o o
del espacio que ocupa, ...).

Ejercicio 2
Se pide construir la interfaz gr´fica que se muestra en la siguiente figura.
a

5. Tratamiento de eventos

Hasta ahora las interfaces gr´ficas que se han mostrado tienen poca utilidad ya que no responden
a
a las acciones del usuario.

¿Qu´ ocurre si pulsamos sobre un botń?
e o

¿Qu´ ocurre si pulsamos sobre una celda de la tabla?
e

¿Qu´ ocurre si pulsamos sobre un elemento de un men´?
e u

Pues con lo que hemos hecho hasta ahora, aparentemente no sucede nada, no se obtiene ninguna
respuesta.

Ir al ´
a

a MySQL y Java
e

El botń es una fuente de eventos
o

En una GUI colocamos una serie de componentes entre los cuales se encuentra un JButton. Este com-
ponente es una fuente de eventos de ratń.
o

1 El usuario pulsa el ratń sobre el botń
o o

2 Se lanza un evento del tipo MouseEvent

Si el usuario pulsa con el ratń sobre el botń se lanza un evento del tipo MouseEvent. Si no hay ningń
o o u
objeto que recoja ese evento no sucede nada.

¿Qu´ es lo que falta?
e

Falta especificar qu´ es lo que se debe realizar cuando se produzcan determinados eventos sobre
e
los componentes que se coloquen en la ventana.

Esta tarea es la que se conoce como tratamiento de eventos.

Cualquier sistema operativo que soporte GUI’s monitoriza los eventos que se producen, como por
ejemplo pulsaciones sobre las teclas o pulsaciones con un botń del ratń.
o o

El sistema operativo informa sobre estos eventos a los programas que estń en ejecuciń.
a o

Cada programa decide qu´ hacer (si es que debe hacer algo) en respuesta a estos eventos.
e

En Java se utiliza un modelo conocido como modelo de delegaciń de eventos. s
o

El modelo de delegaciń de eventos se basa en que los componentes disparan eventos que pueden
o
ser tratados por escuchadores (o manipuladores).

Ir al ´
a

a MySQL y Java
e

Los escuchadores se registran en un componente. Por ejemplo, en un botń podemos registrar un
o
escuchador de eventos de ratń.
o

Una vez que el escuchador ha sido aãdido al componente, cuando se produzca un evento, los
n
m´todos apropiados del manipulador (que han sido especificados en la interfaz) serń llamados.
e a

El botń es una fuente de eventos
o

1
Registramos un
oyente de
eventos de ratń
o
asociado al botń
o

En una GUI colocamos una serie de componentes entre los cuales se encuentra un JButton. Este com-
ponente es una fuente de eventos de ratń. Ahora registramos un oyente de eventos de ratń en el
o o
botń.
o

2 El usuario pulsa el ratń sobre el botń
o o

3 Se lanza un evento del tipo MouseEvent

4
El oyente
recibe la
notificaciń
o
del evento

Si el usuario pulsa con el ratń sobre el botń se lanza un evento del tipo MouseEvent. Los oyentes que
o o
se hayan registrados son notificados de que se ha producido un evento.

La clase EventObject del paquete java.util es la clase padre de todos los eventos.

Su constructor recibe una referencia al objeto que genera el evento.

Esta clase tiene dos m´todos: getSource() que devuelve el objeto que gener´ el evento y toString().
e o

Los paquetes relacionados con los eventos en AWT son java.awt.event.

La clase abstracta AWTEvent definida en el paquete java.awt es una subclase de EventObject.

Ir al ´
a

a MySQL y Java
e

Es la superclase de todos los eventos basados en AWT utilizados por el modelo de delegaciń de
o
eventos.

Hay dos clases de eventos:

Eventos de componente o de bajo nivel ocurren cuando ocurre algo espec´ ıfico en un
componente. Por ejemplo al moverse, entrar o salir el ratń sobre un componente, al
o
ganar o perder la atenciń,...
o

Eventos semńticos no son tan espec´
a ıficos como los anteriores y no son disparados
necesariamente por una acciń at´mica tal y como una pulsaciń del ratń. Las acciones
o o o o
que disparan estos eventos depende del objeto: por ejemplo en una lista se disparan
cuando sus elementos son pulsados dos veces, en un campo de texto se disparan cuando
se pulsa la tecla enter.

Los eventos de componente o de bajo nivel son:

ComponentEvent, ContainerEvent, FocusEvent, InputEvent, KeyEvent, MouseEvent, MouseWheelEvent y Win-
dowEvent

Los eventos semńticos son:
a

ActionEvent ,AdjustmentEvent , ItemEvent, TextEvent

A continuaciń se muestran los eventos que se definen en AWT y cual es la acciń que los produce
o o

Eventos AWT Descripciń
o
ActionEvent Se genera cuando el usuario pulsa un botń, pulsa Return en un campo
o
de texto, selecciona un elemento de un men´ o cuando un elemento de
u
una lista se pulsado 2 veces.
AdjustmentEvent Se genera cuando se manipula una barra de deslizamiento.
ItemEvent Evento que indica que un elemento de una lista se ha seleccionado o
ha dejado de estar seleccionado. Los siguientes componentes generan
eventos de este tipo: CheckBox, CheckBoxMenuItem, Choice, List.
TextEvent Se genera cuando se cambia el valor de un ´rea de texto o de un campo
a
de texto. Los objetos fuente de este evento son: TextField y TextArea.

Ir al ´
a

a MySQL y Java
e

Eventos AWT Descripcińo
ComponentEvent Un evento que indica que un componente ha sido movido, ha cambiado
de tamaõ o ha sido ocultado. AWT maneja este evento (es decir que
n
aunque expl´ ıcitamente tratemos este evento, AWT tambiń lo har´).
e a
ContainerEvent Se genera cuando se aãde o se elimina un componente de un contene-
n
dor. AWT trata este evento.
FocusEvent Se genera cuando un componente gana o pierde la atenciń. Un com-
o
ponente tiene la atenciń al pulsar sobre ´l con el ratń o por que se ha
o e o
llegado a ´l pulsando la tecla de tabulaciń. El componente que tiene
e o
la atenciń recibe los eventos de teclado.
o

Eventos AWT Descripciń
o
KeyEvent Es una subclase de InputEvent. Se genera cuando se pulsa una tecla o
libera una tecla.
MouseEvent Es una subclase de InputEvent. Se genera cuando el ratń se mueve,
o
se pulsa, se arrastra, o cuando entra o sale el ratń de un componente.
o
MouseWheelEvent Un evento que indica que la rueda del ratń se ha movido en un com-
o
ponente.
WindowEvent Se genera cuando una ventana se activa, se desactiva, se cierra, se mi-
nimiza se maximiza o se sale de ella.

La jerarqu´ de estas clases se muestra en el siguiente diagrama:
ıa

EventObject
O

<<abstract>>
; O aC
5 AWTEvent hQ
lll x CC QQQQ
lll xx CC QQQ
llll xxxx CC QQQ
ll lll xx CC QQQ
QQQ
ll x CC
lllll xxx CC QQQ
QQQ
l x CC
lll xx CC QQQ
lll xx
x QQQ
lll C
AdjustmentEvent ComponentEvent
ll5 x< O aCChPPPPP
ActionEvent ItemEvent TextEvent
lll xxx CC P
lll x CC PPPP
lll xxx CC PPP
ll lll x CC PPP
lll xx CC PPP
lll xx CC PPP
lll xx CC PPP
llll xx CC PPP
lll xx C PPP
ll xx <<abstract>>
ContainerEvent FocusEvent InputEvent PaintEvent WindowEvent
< aCC
xx CC
xxx CC
xx CC
xxx CC
CC
xx CC
xxx CC
xx CC
xx
KeyEvent MouseEvent

Ir al ´
a

a MySQL y Java
e

Vamos a ver ahora algunas de las interfaces que se ofrecen en java.awt con el fin de especificar
los m´todos que deben poseer los objetos oyentes o auditores para cada uno de los eventos.
e

5.1. MouseListener

p u b l i c i n t e r f a c e MouseListener extends EventListener

Esta interfaz la deben implementar aquellas clases que estń interesadas en escuchar eventos del
e
tipo MouseEvent

El objeto de esta clase debe registrarse en un componente utilizando su m´todo addMouseListener.
e

Los m´todos que define esta interfaz son:
e

// Metodo l l a m a d o cuando s e p u l s a y l i b e r a un b o t o n d e l r a t o n
// s o b r e un componente
v o i d mou seClicked ( MouseEvent e )

// Metodo l l a m a d o cuando e l r a t o n e n t r a en un componente
v o i d mouseEntered ( MouseEvent e )

// Metodo l l a m a d o cuando e l r a t o n s a l e de un componente
v o i d mouseExited ( MouseEvent e )

// Metodo l l a m a d o a l p u l s a r un b o t o n d e l r a t o n s o b r e un componente
v o i d mousePressed ( MouseEvent e )

// Metodo l l a m a d o a l l i b e r a r un b o t o n d e l r a t o n s o b r e un componente
v o i d mouseReleased ( MouseEvent e )

En el siguiente ejemplo se trata el evento: el usuario ha pulsado con el ratń sobre el botń. Lo que
o o
se realiza en el manipulador del evento es obtener lo que el usuario haya escrito en el campo de texto
y mostrarlo por la salida estńdar.
a
i m p o r t j a v a . awt . e v e n t . ∗ ;

c l a s s EventosRaton e x t e n d s JFrame{
p r i v a t e JButton boton ;
p r i v a t e J T e x t F i e l d campoTexto ;

p u b l i c EventosRaton ( ) {

c l a s s ManipulaMouseEvent i m p l e m e n t s M o u s e L i s t e n e r {
p u b l i c v o i d mouseEntered ( MouseEvent e ) { }
p u b l i c v o i d mouseExited ( MouseEvent e ) { }
p u b l i c v o i d mou seClicked ( MouseEvent e ) {}
p u b l i c v o i d mouseReleased ( MouseEvent e ) {}
p u b l i c v o i d mousePressed ( MouseEvent e ) {
System . out . p r i n t l n ( campoTexto . g e t T e x t ( ) ) ;
}
}

C o n t a i n e r cp = getContentPane ( ) ;

cp . s e t L a y o u t ( new FlowLayout ( ) ) ;

Ir al ´
a

a MySQL y Java
e

cp . add ( new J L a b e l ( ” I n t r o d u c e p r e c i o : ” ) ) ;

campoTexto = new J T e x t F i e l d ( 2 0 ) ;

cp . add ( campoTexto ) ;

boton = new JButton ( ” Aceptar ” ) ;

cp . add ( boton ) ;

boton . a d d M o u s e L i s t e n e r ( new ManipulaMouseEvent ( ) ) ;

setSize (500 ,300) ;
}

EventosRaton ven = new EventosRaton ( ) ;
ven . show ( ) ;
}
}

A continuaci´n se muestra un ejemplo en el que se realiza una consulta a la base de datos utilizando
o
un dato introducido por el usuario en un campo de texto.

La consulta a la base de datos es la del ejercicio 2 de la sesi´n de JDBC pero ahora se utiliza un
o
PreparedStatement.

import j a v a . awt . e v e n t . ∗ ;
import j a v a . awt . ∗ ;
import j a v a x . swing . ∗ ;
import java . s q l . ∗ ;

/∗ ∗ C l a s e de apoyo . En e l l a encapsulamos l a c o n e x i o n a l a b a s e de d a t o s y
∗ las consultas
∗/
c l a s s Consultas {

p r i v a t e C o n n e c t i o n con ;
p r i v a t e P r e p a r e d S t a t e m e n t ps ;

// C o n s t r u c t o r
Consultas () {

S t r i n g u r l = ” j d b c : mysql : / / l o c a l h o s t : 3 3 0 6 / e s t a n c i a s ? u s e r=u s u a r i o&password=c l a v e ” ;

try {

C l a s s . forName ( ”com . mysql . j d b c . D r i v e r ” ) ;

con = DriverManager . g e t C o n n e c t i o n ( u r l ) ;

ps = con . p r e p a r e S t a t e m e n t ( ” s e l e c t f a m i l i a s . NombreF , c a s a s . Ciudad , c a s a s . Tipo from
f a m i l i a s , c a s a s where ( f a m i l i a s . IdCasa=c a s a s . IdCasa ) and ( c a s a s . p r e c i o H a b D i a <= ?)
”) ;

} c a t c h ( SQLException ex ) {
ex . p r i n t S t a c k T r a c e ( ) ;
} c a t c h ( ClassNotFoundException ex ) {
ex . p r i n t S t a c k T r a c e ( ) ;
}
}

/∗ ∗ Metodo que r e a l i z a una c o n s u l t a a l a b a s e de d a t o s y d e v u e l v e un
∗ e l R e s u l t S e t con e l r e s u l t a d o .
∗@param v a l o r un f l o a t n e c e s a r i o para c o n s t r u i r l a c o n s u l t a

Ir al ´
a

Proyecto Informatico

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (10)

Similaire à Proyecto Informatico

Similaire à Proyecto Informatico (20)

Dernier

Dernier (20)

Proyecto Informatico