Your SlideShare is downloading. ×
Gui
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Gui

152
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
152
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia ´Indice 1. Introducci´on 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´on de los componentes 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´on En esta sesi´on se van a ver algunos aspectos de JFC (Java Foundation Classes). JFC es un conjunto de componentes para trabajo con interfaces gr´aficas de usuario en Java. Contiene: Abstract Window Toolkit (AWT) API para el dise˜no de interfaces gr´aficas de usuario que se integran en el sistema de ventanas nativo del sistema donde se ejecutan, incluyendo APIs para arrastrar y soltar. Java 2D Ir al ´ındice juan.gutierrez@uv.es P´agina: 1
  • 2. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia APIs para trabajar con gr´aficos 2D, trabajo con im´agenes, texto e impresi´on. Swing APIs que extienden AWT para proporcionar una biblioteca de componentes para el dise˜no de interfaces gr´aficas de usuario enteramente realizadas en Java. Accesibilidad APIs para permitir que las aplicaciones sean accesibles a las personas con discapacidades. Internacionalizaci´on Todas estas APIs incluyen soporte para crear aplicaciones que puedan ser utilizadas independientemente de la loca- lizaci´on del usuario. Aqu´ı vamos a ver algo de Swing y de AWT. A grandes rasgos, los pasos para crear una interfaz gr´afica de usuario son 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´a como contenedor de componentes) utilizando la clase JFrame. El siguiente c´odigo muestra c´omo se puede crear una ventana con tama˜no 300 por 200 pixels. Ir al ´ındice juan.gutierrez@uv.es P´agina: 2
  • 3. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia import javax . 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 void main ( String [ ] args ) { Ventana ven = new Ventana () ; ven . setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; ven . show () ; } } c l a s s Ventana extends JFrame{ p u b l i c Ventana () { s e t S i z e (300 ,200) ; } } El resultado al ejecutar esta aplicaci´on es el siguiente: 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´on: super ( ”Ventana” ) ; En este caso se ver´a lo siguiente: Las ventanas son contenedores de otros componentes tales como barras de men´u, campos de texto, botones, etc. De hecho una ventana est´a constituida por una serie de capas: Ir al ´ındice juan.gutierrez@uv.es P´agina: 3
  • 4. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia JFrame JRoot JLayeredPane Content pane Glass pane Para a˜nadir componentes a la ventana, primero se debe obtener el contenedor content pane y a continuaci´on a˜nadir los componentes a ´este. Por ejemplo, supongamos que deseamos dibujar un rect´angulo en la ventana. El rect´angulo no se 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´etodo paintComponent(Graphics g) 3. A˜nadiremos un objeto de este tipo a la ventana. El c´odigo se muestra a continuaci´on: import javax . swing . ∗ ; import java . awt . ∗ ; c l a s s MiPanel extends JPanel{ p u b l i c void paintComponent ( Graphics g ) { super . paintComponent ( g ) ; g . drawRect (20 ,20 ,80 ,80) ; } } c l a s s Ventana extends JFrame{ p u b l i c Ventana () { getContentPane () . add (new MiPanel () ) ; s e t S i z e (300 ,200) ; } } p u b l i c c l a s s EjemploVentana2{ p u b l i c s t a t i c void main ( String [ ] args ) { Ventana ven = new Ventana () ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 4
  • 5. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia ven . setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; ven . show () ; } } Se ha sobreescrito un m´etodo de la clase JPanel donde especificamos qu´e se debe realizar cuando haya que mostrar este componente, pero... ¿donde llamamos a este m´etodo?. La respuesta es: en ning´un sitio. Este m´etodo es llamado autom´aticamente cada vez que hay que pintar el componente y esto ocurre cada vez que: Cuando hay que mostrarlo por primera vez Cuando se modifica el tama˜no de la ventana Cuando la ventana estaba minimizada y se vuelve a mostrar. Cuando otra aplicaci´on que cubre a la ventana se mueve. ... 3. Componentes swing Un componente es un objeto que tiene una representaci´on gr´afica y que puede ser mostrado por 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´a definida como abstracta. Todos los compo- nentes (excepto los men´us) extienden a esta clase. Los componentes se pueden dividir en dos categor´ıas: Un conjunto de componentes est´a formado por widgets 2. Otro conjunto est´a formado por contenedores. Estos componentes extienden a la clase java.awt.Container (que es una clase abstracta que extiende a Component). Los contenedores son componentes que pueden incluir otros componentes. La siguiente figura muestra la relaci´on entre componentes y contenedores 1 Hay otra serie de clases que no empiezan por J: Button, TextField, TextArea,... que pertenecen a AWT. 2 Contracci´on de Window y gadget. Una representaci´on visible de un componente que puede ser manipulada por el usuario. Botones, campos de texto y barras de desplazamiento son ejemplos de widgets Ir al ´ındice juan.gutierrez@uv.es P´agina: 5
  • 6. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Contenedor alto nivel JFrame JApplet ... Contenedor intermedio JPanel JScrollPane ... }}}}}}}}} ... Contenedor intermedio JPanel JScrollPane ... AAAAAAAAA Componentes JButton JTextField ... PPPPPPPPPPPPPPPPPPPPPPPPPPP Componentes JButton JTextField ... ... Componentes JButton 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. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JPanel p = new JPanel () ; p . add (new JLabel ( ”Ejemplo de JPanel” ) ) ; c . add (p) ; s e t S i z e (200 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 6
  • 7. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.2. ImageIcon Objetos de esta clase se pueden utilizar para mostrar im´agenes. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana ( String f i c h ) { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; ImageIcon i i = new ImageIcon ( f i c h ) ; c . add (new JLabel ( ”” , i i , JLabel .CENTER) ) ; s e t S i z e (650 ,500) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana ( args [ 0 ] ) ; } } 3.3. JTextField Objetos de esta clase se utilizan para que el usuario pueda introducir datos a la aplicaci´on. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JTextField campoTexto = new JTextField (20) ; c . add (new JLabel ( ”Nombre” ) ) ; c . add ( campoTexto ) ; s e t S i z e (350 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 7
  • 8. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.4. JTextArea Objetos de esta clase se utilizan para que el usuario pueda introducir datos tipo texto de gran tama˜no. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JTextArea area = new JTextArea (8 ,20) ; c . add (new JLabel ( ” Observaciones ” ) ) ; c . add ( area ) ; s e t S i z e (350 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } 3.5. JButton Un objeto de esta clase representa un bot´on. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JButton b1 = new JButton ( ”Aceptar” ) ; JButton b2 = new JButton ( ” Cancelar ” ) ; c . add ( b1 ) ; c . add ( b2 ) ; s e t S i z e (350 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 8
  • 9. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.6. JCheckBox Sirve para seleccionar elementos. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JCheckBox cb = new JCheckBox ( ” Pizarra ” ) ; cb . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; c . add ( cb ) ; s e t S i z e (200 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } 3.7. JRadioButton Sirve para seleccionar elementos. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JRadioButton rb=new JRadioButton ( ” Pizarra ” ) ; rb . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; c . add ( rb ) ; s e t S i z e (200 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 9
  • 10. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.8. ButtonGroup Se pueden agrupar una serie de JRadioButton de forma que s´olo pueda estar seleccionado uno de ellos. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; c . add (new JLabel ( ” Se le cc ion a e l tipo de combustible ” ) ) ; Font fuente = new Font ( ” Arial ” , Font .PLAIN, 1 8 ) ; JRadioButton gas = new JRadioButton ( ” Gasolina ” ) ; gas . setFont ( fuente ) ; JRadioButton die = new JRadioButton ( ” D i e s e l ” ) ; die . setFont ( fuente ) ; // Agrupamos l o s botones ButtonGroup grupo = new ButtonGroup () ; grupo . add ( gas ) ; grupo . add ( die ) ; JPanel radioPanel = new JPanel () ; radioPanel . setLayout (new GridLayout ( 0 , 1 ) ) ; radioPanel . add ( gas ) ; radioPanel . add ( die ) ; c . add ( radioPanel ) ; s e t S i z e (300 ,300) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 10
  • 11. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.9. JComboBox Sirve para mostrar una lista desplegable de elementos. import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; JComboBox cb = new JComboBox () ; cb . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; cb . addItem ( ” Pizarra ” ) ; cb . addItem ( ” Pantalla ” ) ; cb . addItem ( ” Proyector ” ) ; c . add ( cb ) ; s e t S i z e (200 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } 3.10. JList Objetos de esta clase sirven para mostrar una lista con elementos. Ir al ´ındice juan.gutierrez@uv.es P´agina: 11
  • 12. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia import javax . swing . ∗ ; import javax . swing . event . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new FlowLayout () ) ; String [ ] datos = { ” Pizarra ” , ” Pantalla ” , ” Proyector ” }; JList l i s t a = new JList ( datos ) ; c . add ( l i s t a ) ; s e t S i z e (200 ,200) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } 3.11. JTable y JScrollPane Objetos del tipo JTable sirven para mostrar informaci´on en forma tabular. Los objetos del tipo JScrollPane sirven para contener componentes y mostrar barras de desplaza- miento. import javax . swing . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container cp = getContentPane () ; cp . setLayout (new BorderLayout () ) ; // Nombres de l a s columnas f i n a l String [ ] nombreCol = { ” Sesion ” , ”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” , ” Proyecto ” , ”16−07−04” , ”5” }}; JTable tabla = new JTable ( datos , nombreCol ) ; tabla . setFont (new Font ( ” Arial ” , Font .BOLD, 1 8 ) ) ; tabla . setRowHeight (24) ; JScrollPane jsp = new JScrollPane ( tabla ) ; // , ver , hor ) ; cp . add ( jsp , BorderLayout .CENTER) ; s e t S i z e (500 ,300) ; s e t V i s i b l e ( true ) ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 12
  • 13. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ejercicio 1 Realizar una consulta en la que se muestren las familias del Reino Unido donde el precio de estancia por d´ıa sea menor o igual a 18 euros, se debe seleccionar el nombre de la familia, la 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´on en forma de ´arbol. import javax . swing . ∗ ; import javax . swing . t r e e . ∗ ; import java . awt . ∗ ; p u b l i c c l a s s Ventana extends JFrame{ p r i v a t e JTree arbol ; p u b l i c Ventana () { Container c = getContentPane () ; c . setLayout (new BorderLayout () ) ; // Construccion del arbol DefaultMutableTreeNode a s i g = new DefaultMutableTreeNode ( ” Enlaces ” ) ; DefaultMutableTreeNode tema = n u l l ; DefaultMutableTreeNode s e c c i o n = n u l l ; tema = new DefaultMutableTreeNode ( ” Buscadores ” ) ; a s i g . add ( tema ) ; s e c c i o n = new DefaultMutableTreeNode ( ”Google” ) ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 13
  • 14. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia tema . add ( s e c c i o n ) ; s e c c i o n = new DefaultMutableTreeNode ( ”Yahoo” ) ; tema . add ( s e c c i o n ) ; tema = new DefaultMutableTreeNode ( ”Java” ) ; a s i g . add ( tema ) ; s e c c i o n = new DefaultMutableTreeNode ( ”Sun” ) ; tema . add ( s e c c i o n ) ; s e c c i o n = new DefaultMutableTreeNode ( ”IBM” ) ; tema . add ( s e c c i o n ) ; s e c c i o n = new DefaultMutableTreeNode ( ”JavaWorld” ) ; tema . add ( s e c c i o n ) ; arbol = new JTree ( a s i g ) ; arbol . setFont (new Font ( ” Arial ” , Font .BOLD, 2 0 ) ) ; c . add ( arbol , BorderLayout .CENTER) ; s e t S i z e (400 ,600) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 14
  • 15. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 3.13. JMenu import java . awt . ∗ ; import javax . swing . ∗ ; c l a s s Ventana extends JFrame{ p r i v a t e JMenuBar mb; Ventana () { // Se crea una barra de men´us mb = new JMenuBar () ; // Creamos un elemento del men´u JMenu archivo = new JMenu( ” Archivo ” ) ; archivo . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; // Creamos y a˜nadimos submen´us JMenuItem nuevo = new JMenuItem ( ”Nuevo” ) ; nuevo . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; archivo . add ( nuevo ) ; JMenuItem a b r i r = new JMenuItem ( ” Abrir ” ) ; a b r i r . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; archivo . add ( a b r i r ) ; JMenuItem ver = new JMenuItem ( ”Ver todos ” ) ; ver . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; archivo . add ( ver ) ; // Ahora a˜nadimos archivo a l a barra de menus mb. add ( archivo ) ; // Creamos otro elemento del men´u JMenu e d i t a r = new JMenu( ” Editar ” ) ; e d i t a r . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; // Creamos y a˜nadimos submen´us JMenuItem copiar = new JMenuItem ( ” Copiar ” ) ; copiar . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; e d i t a r . add ( copiar ) ; JMenuItem pegar = new JMenuItem ( ”Pegar” ) ; pegar . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; e d i t a r . add ( pegar ) ; JMenuItem cortar = new JMenuItem ( ” Cortar ” ) ; cortar . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; e d i t a r . add ( corta r ) ; // A˜nadimos e d i t a r a l a barra de menu mb. add ( e d i t a r ) ; setJMenuBar (mb) ; s e t S i z e (500 ,500) ; s e t V i s i b l e ( true ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { new Ventana () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 15
  • 16. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 4. Organizaci´on de los componentes Cuando en una ventana hay muchos componentes hay que organizarlos de alg´un modo. Java proporciona diversos esquemas de organizaci´on (layout managers) que pueden ser utilizados para organizar los componentes dentro de los contenedores. Los gestores de organizaci´on se encargan de reorganizar los componentes en caso de que el usuario cambie el tama˜no de la ventana. Los gestores de organizaci´on que ofrece Java son: 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´etodo setLayout(LayoutManager m). 4.1. BorderLayout Se puede utilizar para colocar en un contenedor cinco componentes como m´aximo ya que propor- ciona cinco posiciones donde colocar los componentes, estas son: NORTH (arriba), SOUTH (abajo), WEST (izquierda), EAST (derecha) y CENTER (en el centro). Ir al ´ındice juan.gutierrez@uv.es P´agina: 16
  • 17. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia import java . awt . ∗ ; import javax . swing . ∗ ; c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; 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 . setLayout (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) ; } p u b l i c s t a t i c void main ( String [ ] args ) { Ventana v = new Ventana () ; v . s e t S i z e (300 ,300) ; v . show () ; } } 4.2. FlowLayout Coloca los componentes de izquierda a derecha conforme se van a˜nadiendo a la ventana. El tama˜no de los componentes se ajusta a su contenido. Ir al ´ındice juan.gutierrez@uv.es P´agina: 17
  • 18. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia import java . awt . ∗ ; import javax . swing . ∗ ; c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; JButton b1 = new JButton ( ”A” ) ; JButton b2 = new JButton ( ”B” ) ; JButton b3 = new JButton ( ”Bot´on m´as largo ” ) ; JButton b4 = new JButton ( ”D” ) ; JButton b5 = new JButton ( ”E” ) ; c . setLayout (new FlowLayout () ) ; c . add ( b1 ) ; c . add ( b2 ) ; c . add ( b3 ) ; c . add ( b4 ) ; c . add ( b5 ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { Ventana v = new Ventana () ; v . s e t S i z e (200 ,200) ; v . show () ; } } 4.3. GridLayout Coloca los componentes en filas y columnas en funci´on de los valores pasados al constructor. Todas las celdas tendr´an el mismo tama˜no. import java . awt . ∗ ; import javax . swing . ∗ ; c l a s s Ventana extends JFrame{ p u b l i c Ventana () { Container c = getContentPane () ; 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 . setLayout (new GridLayout (2 ,3) ) ; c . add ( b1 ) ; c . add ( b2 ) ; c . add ( b3 ) ; c . add ( b4 ) ; c . add ( b5 ) ; } p u b l i c s t a t i c void main ( String [ ] args ) { Ventana v = new Ventana () ; v . s e t S i z e (300 ,300) ; v . show () ; } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 18
  • 19. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 4.4. CardLayout Se puede utilizar para mostrar de forma condicional unos elementos u otros, de forma que se puede controlar qu´e elementos ser´an visibles. Una ilustraci´on es una pila de cartas en las que s´olo la superior es visible en un instante dado. 4.5. GridBagLayout Este es un organizador complejo que permite ajustar la posici´on de los componentes. Al colocar los componentes en los contenedores se especifican las restricciones que se deben cumplir ( posici´on del componente, anchura y altura del componente, separaci´on entre los componentes, posici´on dentro del espacio que ocupa, ...). Ejercicio 2 Se pide construir la interfaz gr´afica que se muestra en la siguiente figura. 5. Tratamiento de eventos Hasta ahora las interfaces gr´aficas que se han mostrado tienen poca utilidad ya que no responden a las acciones del usuario. ¿Qu´e ocurre si pulsamos sobre un bot´on? ¿Qu´e ocurre si pulsamos sobre una celda de la tabla? ¿Qu´e ocurre si pulsamos sobre un elemento de un men´u? Pues con lo que hemos hecho hasta ahora, aparentemente no sucede nada, no se obtiene ninguna respuesta. Ir al ´ındice juan.gutierrez@uv.es P´agina: 19
  • 20. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia El bot´on es una fuente de eventos 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´on. 1 El usuario pulsa el rat´on sobre el bot´on 2 Se lanza un evento del tipo MouseEvent Si el usuario pulsa con el rat´on sobre el bot´on se lanza un evento del tipo MouseEvent. Si no hay ning´un objeto que recoja ese evento no sucede nada. ¿Qu´e es lo que falta? Falta especificar qu´e es lo que se debe realizar cuando se produzcan determinados eventos sobre 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´on del rat´on. El sistema operativo informa sobre estos eventos a los programas que est´an en ejecuci´on. Cada programa decide qu´e hacer (si es que debe hacer algo) en respuesta a estos eventos. En Java se utiliza un modelo conocido como modelo de delegaci´on de eventos. s El modelo de delegaci´on de eventos se basa en que los componentes disparan eventos que pueden ser tratados por escuchadores (o manipuladores). Ir al ´ındice juan.gutierrez@uv.es P´agina: 20
  • 21. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Los escuchadores se registran en un componente. Por ejemplo, en un bot´on podemos registrar un escuchador de eventos de rat´on. Una vez que el escuchador ha sido a˜nadido al componente, cuando se produzca un evento, los m´etodos apropiados del manipulador (que han sido especificados en la interfaz) ser´an llamados. El bot´on es una fuente de eventos 1 Registramos un oyente de eventos de rat´on asociado al bot´on 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´on. Ahora registramos un oyente de eventos de rat´on en el bot´on. 2 El usuario pulsa el rat´on sobre el bot´on 3 Se lanza un evento del tipo MouseEvent 4 El oyente recibe la notificaci´on del evento Si el usuario pulsa con el rat´on sobre el bot´on se lanza un evento del tipo MouseEvent. Los oyentes que 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´etodos: getSource() que devuelve el objeto que gener´o el evento y toString(). 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 ´ındice juan.gutierrez@uv.es P´agina: 21
  • 22. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Es la superclase de todos los eventos basados en AWT utilizados por el modelo de delegaci´on de 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´on sobre un componente, al ganar o perder la atenci´on,... Eventos sem´anticos no son tan espec´ıficos como los anteriores y no son disparados necesariamente por una acci´on at´omica tal y como una pulsaci´on del rat´on. Las acciones 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´anticos son: ActionEvent ,AdjustmentEvent , ItemEvent, TextEvent A continuaci´on se muestran los eventos que se definen en AWT y cual es la acci´on que los produce Eventos AWT Descripci´on ActionEvent Se genera cuando el usuario pulsa un bot´on, pulsa Return en un campo de texto, selecciona un elemento de un men´u o cuando un elemento de 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 ´area de texto o de un campo de texto. Los objetos fuente de este evento son: TextField y TextArea. Ir al ´ındice juan.gutierrez@uv.es P´agina: 22
  • 23. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Eventos AWT Descripci´on ComponentEvent Un evento que indica que un componente ha sido movido, ha cambiado de tama˜no o ha sido ocultado. AWT maneja este evento (es decir que aunque expl´ıcitamente tratemos este evento, AWT tambi´en lo har´a). ContainerEvent Se genera cuando se a˜nade o se elimina un componente de un contene- dor. AWT trata este evento. FocusEvent Se genera cuando un componente gana o pierde la atenci´on. Un com- ponente tiene la atenci´on al pulsar sobre ´el con el rat´on o por que se ha llegado a ´el pulsando la tecla de tabulaci´on. El componente que tiene la atenci´on recibe los eventos de teclado. Eventos AWT Descripci´on 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´on se mueve, se pulsa, se arrastra, o cuando entra o sale el rat´on de un componente. MouseWheelEvent Un evento que indica que la rueda del rat´on se ha movido en un com- 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´ıa de estas clases se muestra en el siguiente diagrama: EventObject <<abstract>> AWTEvent OO ActionEvent 55llllllllllllllllllllllllllllllll AdjustmentEvent ;;xxxxxxxxxxxxxxxxxxx ComponentEvent OO ItemEvent aaCCCCCCCCCCCCCCCCCC TextEvent hhQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ ContainerEvent 55llllllllllllllllllllllllllllllllll FocusEvent <<xxxxxxxxxxxxxxxxxxxxx <<abstract>> InputEvent OO PaintEvent aaCCCCCCCCCCCCCCCCCCC WindowEvent hhPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP KeyEvent <<xxxxxxxxxxxxxxxxxxx MouseEvent aaCCCCCCCCCCCCCCCCCC Ir al ´ındice juan.gutierrez@uv.es P´agina: 23
  • 24. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Vamos a ver ahora algunas de las interfaces que se ofrecen en java.awt con el fin de especificar los m´etodos que deben poseer los objetos oyentes o auditores para cada uno de los eventos. 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´en interesadas en escuchar eventos del tipo MouseEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addMouseListener. Los m´etodos que define esta interfaz son: // Metodo llamado cuando se pulsa y l i b e r a un boton del raton // sobre un componente void mouseClicked ( MouseEvent e ) // Metodo llamado cuando e l raton entra en un componente void mouseEntered ( MouseEvent e ) // Metodo llamado cuando e l raton s a l e de un componente void mouseExited ( MouseEvent e ) // Metodo llamado al pulsar un boton del raton sobre un componente void mousePressed ( MouseEvent e ) // Metodo llamado al l i b e r a r un boton del raton sobre un componente void mouseReleased ( MouseEvent e ) En el siguiente ejemplo se trata el evento: el usuario ha pulsado con el rat´on sobre el bot´on. Lo que 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´andar. import java . awt . event . ∗ ; import java . awt . ∗ ; import javax . swing . ∗ ; c l a s s EventosRaton extends JFrame{ p r i v a t e JButton boton ; p r i v a t e JTextField campoTexto ; p u b l i c EventosRaton () { c l a s s ManipulaMouseEvent implements MouseListener { p u b l i c void mouseEntered ( MouseEvent e ) {} p u b l i c void mouseExited ( MouseEvent e ) {} p u b l i c void mouseClicked ( MouseEvent e ) {} p u b l i c void mouseReleased ( MouseEvent e ) {} p u b l i c void mousePressed ( MouseEvent e ) { System . out . p r i n t l n ( campoTexto . getText () ) ; } } Container cp = getContentPane () ; cp . setLayout (new FlowLayout () ) ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 24
  • 25. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia cp . add (new JLabel ( ” Introduce precio : ” ) ) ; campoTexto = new JTextField (20) ; cp . add ( campoTexto ) ; boton = new JButton ( ”Aceptar” ) ; cp . add ( boton ) ; boton . addMouseListener (new ManipulaMouseEvent () ) ; s e t S i z e (500 ,300) ; } p u b l i c s t a t i c void main ( String [ ] args ) { EventosRaton ven = new EventosRaton () ; ven . setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; ven . show () ; } } A continuaci´on se muestra un ejemplo en el que se realiza una consulta a la base de datos utilizando 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´on de JDBC pero ahora se utiliza un PreparedStatement. import java . awt . event . ∗ ; import java . awt . ∗ ; import javax . swing . ∗ ; import java . s q l . ∗ ; /∗ ∗ Clase de apoyo . En e l l a encapsulamos l a conexion a l a base de datos y ∗ l a s consultas ∗/ c l a s s Consultas { p r i v a t e Connection con ; p r i v a t e PreparedStatement ps ; // Constructor Consultas () { String u r l = ” jdbc : mysql :// l o c a l h o s t :3306/ e s t a n c i a s ? user=usuario&password=clave ” ; t r y { Class . forName ( ”com . mysql . jdbc . Driver ” ) ; con = DriverManager . getConnection ( u r l ) ; ps = con . prepareStatement ( ” s e l e c t f a m i l i a s . NombreF , casas . Ciudad , casas . Tipo from f a m i l i a s , casas where ( f a m i l i a s . IdCasa=casas . IdCasa ) and ( casas . precioHabDia <= ?) ” ) ; } catch ( SQLException ex ) { ex . printStackTrace () ; } catch ( ClassNotFoundException ex ) { ex . printStackTrace () ; } } /∗ ∗ Metodo que r e a l i z a una consulta a l a base de datos y devuelve un ∗ e l ResultSet con e l resultado . ∗@param valor un f l o a t necesario para construir l a consulta Ir al ´ındice juan.gutierrez@uv.es P´agina: 25
  • 26. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia ∗@return un o bj eto del t i p o ResultSet con e l resultado de l a consulta ∗/ p u b l i c ResultSet consultaCasas ( f l o a t valor ) { ResultSet resultado = n u l l ; t r y { ps . setFloat (1 , valor ) ; resultado = ps . executeQuery () ; } catch ( SQLException ex ) { ex . printStackTrace () ; } return resultado ; } /∗ ∗ Metodo para cerrar l a conexion con l a base de datos ∗/ p u b l i c void cierraConexion () { t r y { con . c l o s e () ; } catch ( SQLException ex ) { ex . printStackTrace () ; } } } /∗ ∗ Esta es l a ventana ∗/ c l a s s ConsultaGUI extends JFrame{ p r i v a t e JButton boton ; p r i v a t e JTextField campoTexto ; p r i v a t e Consultas cons = new Consultas () ; p u b l i c ConsultaGUI () { // Creamos una c l a s e para manipular eventos de raton c l a s s ManipulaMouseEvent implements MouseListener { p u b l i c void mouseEntered ( MouseEvent e ) {} p u b l i c void mouseExited ( MouseEvent e ) {} p u b l i c void mouseClicked ( MouseEvent e ) {} p u b l i c void mouseReleased ( MouseEvent e ) {} p u b l i c void mousePressed ( MouseEvent e ) { String parametro = campoTexto . getText () ; t r y { f l o a t pre cio = Float . parseFloat ( parametro ) ; System . out . p r i n t l n ( ”n Resultado de la busqueda : ” ) ; ResultSet r = cons . consultaCasas ( pre cio ) ; r . b e f o r e F i r s t () ; while ( r . next () ) { System . out . print ( ” Familia : ” + r . getString (1) + ” t ” ) ; System . out . print ( ”Ciudad : ” + r . getString (2) + ” t ” ) ; System . out . print ( ”Tipo : ” + r . getString (3) + ”n” ) ; } } catch ( NumberFormatException ex ) { System . out . p r i n t l n ( ”No es un n´umero valido ” ) ; } catch ( SQLException ex ) { ex . printStackTrace () ; } } } Ir al ´ındice juan.gutierrez@uv.es P´agina: 26
  • 27. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia // Se obtiene e l content pane de l a ventana Container cp = getContentPane () ; // Indicamos l a forma de organizar l o s componentes en e l // content pane cp . setLayout (new FlowLayout () ) ; // Se a˜nade una e t i q u e t a de t e x t o cp . add (new JLabel ( ” Introduce precio : ” ) ) ; // Se crea y a˜nade un campo de t e x t o campoTexto = new JTextField (20) ; cp . add ( campoTexto ) ; // Se crea y a˜nade un boton boton = new JButton ( ”Aceptar” ) ; cp . add ( boton ) ; // Registramos un obj e to de ManipulaMouseEvent como un escuchador // de eventos de raton para e l boton boton . addMouseListener (new ManipulaMouseEvent () ) ; s e t S i z e (500 ,300) ; } p u b l i c s t a t i c void main ( String [ ] args ) { ConsultaGUI ven = new ConsultaGUI () ; ven . setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; ven . show () ; } } Ejercicio 3 En una de las tablas se pod´ıan introducir comentarios de los clientes sobre las casas. Se desea realizar una GUI para realizar buscar por una palabra (o palabras) dentro del comentario. La GUI debe contener una etiqueta, un campo de texto donde introducir la(s) palabra(s) y un bot´on. El resultado de esta b´usqueda ser´an las casas que tienen un comentario que incluya la(s) palabra(s) introducidas. Este resultado se inserta en un JComboBox de forma que el usuario pueda seleccionar una casa. A su lado aparecer´a un bot´on para lanzar una b´usqueda concreta para ver todos los comentarios concernientes a la casa seleccionada. Los comentarios deben aparecer en un ´area de texto. La siguiente figura muestra un posible dise˜no y su ejecuci´on. Ir al ´ındice juan.gutierrez@uv.es P´agina: 27
  • 28. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia 5.2. KeyListener p u b l i c i n t e r f a c e KeyListener extends EventListener Esta interfaz la deben implementar aquellas clases que est´en interesadas en escuchar eventos del tipo KeyEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addKeyListener. Los m´etodos que define esta interfaz son: //Metodo llamado cuando se pulsa una t e c l a void keyPressed ( KeyEvent e ) //Metodo llamado cuando se l i b e r a una t e c l a void keyReleased ( KeyEvent e ) //Metodo llamado cuando se pulsa y l i b e r a una t e c l a void keyTyped ( KeyEvent e ) En el siguiente ejemplo, cada vez que se pulsa una tecla sobre un ´area de texto se trata el evento que se lanza. Se realiza una estad´ıstica para comprobar el n´umero de letras y n´umeros frente al uso de otras teclas. import java . awt . ∗ ; import java . awt . event . ∗ ; import javax . swing . ∗ ; import java . u t i l . Calendar ; c l a s s EventosTeclado extends JFrame{ p r i v a t e JTextArea a ; p r i v a t e i n t contadorLetras =0; p r i v a t e i n t contadorOtros =0; p r i v a t e long t1 ; p r i v a t e long t2 ; EventosTeclado () { a = new JTextArea () ; c l a s s ManipulaKeyEvent implements KeyListener { p u b l i c void keyPressed ( KeyEvent e ) { char car ; car = e . getKeyChar () ; i f ( ! ( Character . i s L e t t e r ( car ) ) & ! ( Character . i s D i g i t ( car ) ) ) { String t e c l a = e . getKeyText ( e . getKeyCode () ) ; i f ( t e c l a . compareTo ( ” Retroceso ” )==0) contadorLetras −−; System . out . print ( t e c l a ) ; contadorOtros++; } } p u b l i c void keyReleased ( KeyEvent e ) {} p u b l i c void keyTyped ( KeyEvent e ) { char car ; car = e . getKeyChar () ; i f ( ( Character . i s L e t t e r ( car ) ) | ( Character . i s D i g i t ( car ) ) ) { System . out . print ( car ) ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 28
  • 29. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia contadorLetras++; } } } c l a s s ManipulaMouseEventInicio implements MouseListener { p u b l i c void mouseEntered ( MouseEvent e ) {} p u b l i c void mouseExited ( MouseEvent e ) {} p u b l i c void mouseClicked ( MouseEvent e ) {} p u b l i c void mouseReleased ( MouseEvent e ) {} p u b l i c void mousePressed ( MouseEvent e ) { contadorLetras =0; contadorOtros =0; t1 = Calendar . getInstance () . getTimeInMillis () ; } } c l a s s ManipulaMouseEventFin implements MouseListener { p u b l i c void mouseEntered ( MouseEvent e ) {} p u b l i c void mouseExited ( MouseEvent e ) {} p u b l i c void mouseClicked ( MouseEvent e ) {} p u b l i c void mouseReleased ( MouseEvent e ) {} p u b l i c void mousePressed ( MouseEvent e ) { a . setText ( ”” ) ; t2 = Calendar . getInstance () . getTimeInMillis () ; long tiempo = t2−t1 ; System . out . p r i n t l n ( ” nLetras y numeros : ” + contadorLetras ) ; System . out . p r i n t l n ( ” Otras t e c l a s : ” + contadorOtros ) ; System . out . p r i n t l n ( ”Tiempo ( milisegundos ) : ” + tiempo ) ; } } ManipulaKeyEvent mce = new ManipulaKeyEvent () ; a . addKeyListener (mce) ; getContentPane () . add (a , BorderLayout .CENTER) ; JButton botonInicio = new JButton ( ” I n i c i o ” ) ; getContentPane () . add ( botonInicio , BorderLayout .NORTH) ; botonInicio . addMouseListener ( new ManipulaMouseEventInicio () ) ; JButton botonFin = new JButton ( ” Resultado ” ) ; botonFin . addMouseListener ( new ManipulaMouseEventFin () ) ; getContentPane () . add ( botonFin , BorderLayout .SOUTH) ; s e t S i z e (400 ,400) ; setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; show () ; } p u b l i c s t a t i c void main ( String [ ] args ) { new EventosTeclado () ; } } 5.3. WindowListener p u b l i c i n t e r f a c e WindowListener extends EventListener Ir al ´ındice juan.gutierrez@uv.es P´agina: 29
  • 30. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Esta interfaz la deben implementar aquellas clases que est´en interesadas en escuchar eventos del tipo WindowEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addWindowListener. Los m´etodos que define esta interfaz son: // Metodo llamado cuando se ac ti va l a ventana void windowActivated (WindowEvent e ) // Metodo llamado cuando se ha cerrado l a ventana void windowClosed (WindowEvent e ) // Metodo llamado cuando e l usuario c ie rra l a ventana void windowClosing (WindowEvent e ) // Metodo llamado cuando l a ventana deja de estar acti v a void windowDeactivated (WindowEvent e ) // Metodo llamado cuando l a ventana pasa de icono a su estado normal void windowDeiconified (WindowEvent e ) // Metodo llamado cuando se i c o n i f i c a l a ventana void windowIconified (WindowEvent e ) // Metodo llamado l a primera vez que se muestra l a ventana void windowOpened (WindowEvent e ) 5.4. ActionListener p u b l i c i n t e r f a c e ActionListener extends EventListener Esta interfaz la deben implementar aquellas clases que est´en interesadas en escuchar eventos del tipo ActionEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addActionListener. Los m´etodos que define esta interfaz son: // Metodo llamado cuando ocurre una accion void actionPerformed ( ActionEvent e ) import java . awt . ∗ ; import java . awt . event . ∗ ; import javax . swing . ∗ ; c l a s s EventosAccion extends JFrame implements ActionListener { p r i v a t e TextField c1 ; p r i v a t e TextField c2 ; p r i v a t e Button b ; EventosAccion () { // Se crea una barra de men´us JMenuBar mb = new JMenuBar () ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 30
  • 31. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia // Creamos un elemento del men´u JMenu archivo = new JMenu( ” Archivo ” ) ; archivo . setFont (new Font ( ” Arial ” , Font .PLAIN, 2 0 ) ) ; // Creamos y a˜nadimos submen´us JMenuItem nuevo = new JMenuItem ( ”Nuevo” ) ; nuevo . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; nuevo . addActionListener ( t h i s ) ; archivo . add ( nuevo ) ; JMenuItem a b r i r = new JMenuItem ( ” Abrir ” ) ; a b r i r . setFont (new Font ( ” Arial ” , Font .PLAIN, 1 6 ) ) ; a b r i r . addActionListener ( t h i s ) ; archivo . add ( a b r i r ) ; mb. add ( archivo ) ; setJMenuBar (mb) ; s e t S i z e (300 ,300) ; setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; show () ; } p u b l i c void actionPerformed ( ActionEvent e ) { // Comprobamos s i l a fuente del evento es un JMenuItem i f ( e . getSource () i n s t a n c e o f JMenuItem ) { JMenuItem source = ( JMenuItem ) ( e . getSource () ) ; String s e l e c c i o n a d o = source . getText () ; // Si pulsa sobre a b r i r mostramos una ventana para a b r i r f i c h e r o s i f ( s e l e c c i o n a d o . compareTo ( ” Abrir ” )==0){ JFileChooser pideFichero = new JFileChooser () ; i n t returnVal = pideFichero . showOpenDialog ( EventosAccion . t h i s ) ; i f ( returnVal == JFileChooser .APPROVE OPTION) { System . out . p r i n t l n ( ”Has s e l e c c i o n a d o e l f i c h e r o : ” + pideFichero . g e t S e l e c t e d F i l e () . getName () ) ; } } } } p u b l i c s t a t i c void main ( String [ ] args ) { new EventosAccion () ; } } 5.5. TextListener p u b l i c i n t e r f a c e TextListener extends EventListener Esta interfaz la deben implementar aquellas clases que est´en interesadas en escuchar eventos del tipo TextEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addTextListener. Los m´etodos que define esta interfaz son: Ir al ´ındice juan.gutierrez@uv.es P´agina: 31
  • 32. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia // Metodo llamado cuando e l t e x t o ha sido modificado void textValueChanged ( TextEvent e ) 5.6. ItemListener p u b l i c i n t e r f a c e ItemListener extends EventListener Esta interfaz la deben implementar aquellas clases que est´en interesadas en escuchar eventos del tipo ItemEvent El objeto de esta clase debe registrarse en un componente utilizando su m´etodo addItemListener. Los m´etodos que define esta interfaz son: // Metodo llamado cuando e l t e x t o ha sido modificado void itemStateChanged ( ItemEvent e ) import java . awt . ∗ ; import java . awt . event . ∗ ; import javax . swing . ∗ ; c l a s s EventosItem extends JFrame{ p r i v a t e JCheckBox check ; p r i v a t e JComboBox comb ; p r i v a t e boolean s e l ; p r i v a t e String val1 ; c l a s s ManipulaMouseEvent implements MouseListener { p u b l i c void mousePressed ( MouseEvent e ) { System . out . p r i n t l n ( s e l ) ; System . out . p r i n t l n ( val1 ) ; } p u b l i c void mouseReleased ( MouseEvent e ) {} p u b l i c void mouseClicked ( MouseEvent e ) {} p u b l i c void mouseEntered ( MouseEvent e ) {} p u b l i c void mouseExited ( MouseEvent e ) {} } c l a s s ManipulaItemEvent implements ItemListener { p u b l i c void itemStateChanged ( ItemEvent e ) { i f ( e . getSource () i n s t a n c e o f JCheckBox ) { i f ( e . getStateChange () == ItemEvent .SELECTED) s e l = true ; e l s e s e l = f a l s e ; } e l s e // es que l a fuente es e l JComboBox val1 = ( String ) e . getItem () ; } } // El constructor EventosItem () { Container cp = getContentPane () ; Ir al ´ındice juan.gutierrez@uv.es P´agina: 32
  • 33. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia check = new JCheckBox ( ”A” ) ; comb = new JComboBox () ; comb . addItem ( ”Casa” ) ; comb . addItem ( ” Piso ” ) ; comb . addItem ( ”Adosado” ) ; JButton b = new JButton ( ”Aceptar” ) ; check . addItemListener (new ManipulaItemEvent () ) ; comb . addItemListener (new ManipulaItemEvent () ) ; b . addMouseListener (new ManipulaMouseEvent () ) ; cp . setLayout (new FlowLayout () ) ; cp . add ( check ) ; cp . add (comb) ; cp . add (b) ; s e t S i z e (400 ,400) ; setDefaultCloseOperation ( JFrame .EXIT ON CLOSE) ; show () ; } p u b l i c s t a t i c void main ( String [ ] args ) { new EventosItem () ; } } Hay ocasiones en las que puede resultar inc´omodo trabajar con estas interfaces si uno est´a inte- resado en implementar un ´unico m´etodo, ya que hay que escribir el resto de los m´etodos dej´andolos vac´ıos. Para algunas de estas interfaces se ofrecen clases que las implementan pero dejando vac´ıos todos los m´etodos. De esta forma, puede resultar m´as c´omodo extender estas clases que implementar las interfaces. <<interface>> XXXListener XXXAdapter OO      donde XXX es el tipo del evento. Las clases adaptadoras que se ofrecen son: Ir al ´ındice juan.gutierrez@uv.es P´agina: 33
  • 34. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia <<interface>> ComponentListener ComponentAdapter OO   <<interface>> ContainerListener ContainerAdapter OO   <<interface>> FocusListener FocusAdapter OO   <<interface>> KeyListener KeyAdapter OO   <<interface>> MouseListener MouseAdapter OO   <<interface>> MouseMotionListener MouseMotionAdapter OO   <<interface>> WindowListener WindowAdapter OO   El c´odigo de la derecha y el de la izquierda son equivalentes: Button b = new Button ( ” Aceptar ” ) ; c l a s s Oyente implementes MouseListener { p u b l i c v o i d mouseClicked ( MouseEvent e ) {} 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 mousePressed ( MouseEvent e ) { System . out . p r i n t l n ( ”Boton pulsado ” ) ; } p u b l i c v o i d mouseReleased ( MouseEvent e ) {} } b . addMouseListener ( new Oyente ( ) ) ; Button b = new Button ( ” Aceptar ” ) ; c l a s s Oyente e x t e n d s MouseAdapter{ p u b l i c v o i d mousePressed ( MouseEvent e ) { System . out . p r i n t l n ( ”Boton pulsado ” ) ; } } b . addMouseListener ( new Oyente ( ) ) ; La ´unica diferencia a nivel de c´odigo es que en el caso de la derecha la clase implementa a la interfaz MouseListener y en el de la derecha la clase extiende a la clase MouseAdapter que a su vez implementa a la interfaz MouseListener. Cuando una clase oyente de eventos se va a utilizar en un punto muy espec´ıfico del c´odigo y no se va a reutilizar en otras partes (o en otras clases) existe la posibilidad de realizarla mediante una clase an´onima. Una clase an´onima (como cabe esperar) es aquella a la que no se asigna un nombre. La creaci´on del objeto y la especificaci´on de la clase se realiza en el mismo momento, el este caso en el argumento de un m´etodo. Vamos a ver c´omo se puede utilizar una clase an´onima con el ejemplo anterior: Ir al ´ındice juan.gutierrez@uv.es P´agina: 34
  • 35. Interfaces Gr´aficas de Usuario en Java Julio 2004. MySQL y Java Universitat de Val`encia Button b = new Button ( ”Aceptar” ) ; b . addMouseListener (new MouseAdapter () { p u b l i c void mousePressed ( MouseEvent e ) { System . out . p r i n t l n ( ”Boton pulsado ” ) ; } } Debido a la duraci´on del curso se han quedado algunas sin ver como por ejemplo: Pluggable Look and Feel. El patr´on Model-View-Controller que utiliza Swing. Unos cuantos componentes Swing. Algunos gestores de organizaci´on. Ir al ´ındice juan.gutierrez@uv.es P´agina: 35