Interacción con el Usuario Gestión de Eventos

Transcripción

1 Interacción con el Usuario Gestión de Eventos Presentación basada en: 1. Como Programar en Java. Deitel y Deitel. Ed. Prentice-Hall Java 2., Curso de programación. Fco. Javier Ceballos. Ed. Alfoomega&RA-MA, Apuntes del Curso Programación Orientado a Objetos. Pablo Castells. Escuela Politécnica Superior, Universidad Autonoma de Madrid. 4. Apuntes del Curso de java. Luis Hernández y Carlos Cervigón. Facultad de Informática. Universidad Católica de Madrid. Introducción Al interactuar con la aplicación, el usuario: Acciona componentes (ActionEvent). El usuario pulsa un botón. El usuario termina de introducir un texto en un campo y presiona Enter. El usuario selecciona un elemento de una lista pulsando el preferido (o de un menú). Pulsa o suelta botones del ratón (MouseEvent). Minimiza, cierra o manipula una ventana (WindowEvent). Escribe con el teclado (KeyEvent). Descubre porciones de ventanas (PaintEvent). 1

2 Introducción Cuando el usuario de un programa o applet mueve el ratón, presiona un pulsador o pulsa una tecla, genera un evento (actionevent). Los eventos son objetos de ciertas clases. Normalmente un objeto de alguna subclase de EventObject que indica: El elemento que accionó el usuario. La identificación del evento que indica la naturaleza del evento. La posición del ratón en el momento de la interacción. Teclas adicionales pulsadas por el usuario, como la tecla Control, la tecla de Cambio a mayúsculas, etcétera. Acciones del Usuario Pulsar un botón Cambio del texto Pulsar Intro en un campo de texto Selección de un nuevo elemento Selección de elemento(s) Pulsar una casilla de verificación Pulsar un botón de radio Selección de una opción de menú Mover la barra de desplazamiento Abrir, cerrar, minimizar, maximizar o cerrar la ventana... Acción Objeto origen JButton JTextComponent JTextField JCombobox JList JCheckBox JRadioButton JMenuItem JScrollBar JWindow... Tipo de evento ActionEvent TextEvent ActionEvent ItemEvent, ActionEvent ListSelection-Event ItemEvent, ActionEvent ItemEvent, ActionEvent ActionEvent AdjustmentEvent WindowEvent... 2

3 Responder a Eventos Para que un componente (applet, ventana, ) responda a los eventos generados por el usuario sobre ese componente: Se convierte el componente en un oyente (listener) de ciertos eventos generados por él o por otros componentes. Convertir un componente en oyente de un tipo de eventos consiste en implementar la interfaz correspondiente, codificando sus métodos, y agregar el componente a la lista de oyentes de ese tipo de eventos. Ejemplo: Se quiere que la GUI responda a las pulsaciones sobre un botón colocado en la ventana: 1. La ventana (oyente) ha de implementar la interfaz ActionListener 2. El método actionperformed() de dicha interfaz estará preparado para responder a un evento e. 3. El oyente se añade a la lista de eventos de acción de botón. Responder a Eventos Codigo Ejemplo public class MiGui extends JFrame implements ActionListener { public void MiGui() { (1) boton.addactionlistener(this); (3) public void actionperformed(actionevent e) { (2) // Código a ejecutar como respuesta al evento (1) La ventana (oyente) indica que implementa la interfaz ActionListener (hay otras para diferentes eventos). (2) Se implementa el método ActionPerformed() de la interfaz para responder a un evento e. (3) Se agrega la ventana (oyente) a la lista de oyentes de eventos ActionEvent desde el botón. 3

4 Ejemplo Al pulsar el botón Copiar, se debe copiar el valor del cuadro "valor en el cuadro "Copia". Origen del Evento: Botón Copiar Objeto Evento: ActionEvent e Objeto Oyente: La ventana Responder a eventos class MiGui extends JFrame implements ActionListener { public void MiGui(){ // Registro los componentes interesados // en responder a eventos componente.addactionlistener(this); public actionperformed(actionevent e) { // Aquí se responde el evento Este método añade el oyente especificado (frame) a la lista de oyentes para recibir eventos de acción (ActionEvent) desde este componente. 4

5 Responder a eventos En el constructor del frame (oyente), registro el botón y añado el oyente (frame) para recibir eventos de acción desde el botón. botoncopiar. AddActionListerner (this); El usuario pulsa el botón La Ventana ( oyente) El botón crea el objeto ActionEvent() El botón envía el mensaje actionperfformed() al frame con el argumento ActionEvent. Cada vez que el componente produzca el evento se invocará automáticamente el método actionperfformed(). El código de este método se ejecutara cada vez que se pulse el botón Otro modelo para responder a eventos Se puede crear un manejador de eventos en dos pasos: 1. Se define una clase específica que haga de oyente de eventos y que implemente el método actionperfformed() class Mioyente implements ActionListerner { Public void actionperformed() { código. 2. Registramos un ejemplar como oyente de componentes: Componente.addActionListerner (ejemplar_de_mioyente); 5

6 Otro modelo para responder a eventos class MiGui extends Jframes{ public void MiGui{ //Registro los componentes interesados //en responder a eventos componente.addactionlisterner(new MiOyente()); Class Mioyente implements ActionListerner(){ public actionperformed(actionevent e){.. // Aquí se responde al evento Se añade el oyente especificado (ejemplar de MiOyente) a la lista de oyentes para recibir eventos de acción (ActionEvent) desde ese componente. Ejemplo boton con pitido (modelo 1) import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Gui08 extends JFrame implements ActionListerner(){ Jbutton boton; Container panel; public Gui08(){ super (Ëjemplo de eventos ); panel = this.getcontentpanel(); boton = new JButton ( Pulsar ); panel.add(boton); Boton.addActionListerner(this); setsize(100, 100); setvisible(true); setdefaultcloseoperation(exit_on_close); public void actionperformed(actionevent e) { Toolkit.getDefaultTolkit().beep();. 6

7 Ejemplo Reproducir un valor import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Gui10 extends JFrame { Container panel; JButton botoncopiar; JTextField campovalor, resultado; public Gui10() { panel = getcontentpane(); panel.setlayout(new FlowLayout()); panel.add(new JLabel("Valor ")); campovalor = new JTextField(5); panel.add(campovalor); botoncopiar = new JButton("Copiar"); panel.add(botoncopiar); botoncopiar.addactionlistener(new OyenteBoton()); panel.add(new JLabel(" Copia ")); resultado = new JTextField(6); Ejemplo Reproducir un valor setsize(400, 100); setvisible(true); setdefaultcloseoperation(exit_on_close); public static void main(string args[]) { Gui10 ventana = new Gui10(); class OyenteBoton implements ActionListener { public void actionperformed(actionevent e){ String valor = campovalor.gettext(); resultado.settext(valor); 7

8 Ejemplo: contador de pulsaciones Una aplicación que muestre el número de pulsaciones que se realizan sobre su botón. public class Gui11 extends JFrame { public Gui11() { boton1 = new JButton("PULSA"); label1 = new JLabel("Pulsaciones: 0"); panel = getcontentpane(); panel.add(boton1); panel.add(label1); panel.setlayout(new FlowLayout()); boton1.addactionlistener(new OyenteBotonPulsaciones()); class OyenteBotonPulsaciones implements ActionListener { public void actionperformed(actionevent e){ contador++; label1.settext("pulsaciones: " + contador); Ejemplo cambio de color import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Gui12 extends JFrame { JButton red = new JButton("Rojo"); JButton blue = new JButton("Azul"); Container panel; public Gui12() { super("color de fondo"); panel = getcontentpane(); panel.setlayout(new FlowLayout()); panel.add(red); panel.add(blue); red.addactionlistener(new ColorActionListener(Color.red)); blue.addactionlistener(new ColorActionListener(Color.blue)); setsize(200, 200); setvisible(true); setdefaultcloseoperation(exit_on_close) ; 8

9 Ejemplo cambio de color public static void main(string args[]) { Gui12 ventana = new Gui12(); class ColorActionListener implements ActionListener { Color fondo; public ColorActionListener(Color uncolor) { fondo = uncolor; public void actionperformed(actionevent evento) { panel.setbackground(fondo); ActionEvent El objeto ActionEvent ofrece un método getactioncommand() que devuelve un objeto con la información sobre el origen del evento (el botón en nuestro caso). Con un botón, devuelve la etiqueta del botón. Para identificar botones individuales: public void actionperformed(actionevent e) { String s = (String)e.getActionCommand(); if(s.equals("aceptar")) { // Tratamiento del botón Aceptar 9

10 ActionEvent El método getsource() indica el objeto en el que se ha originado el evento: public void actionperformed(actionevent e) { if(e.getsource() == lista) { campo1.settext("en la lista."); else if(e.getsource() == texto) { campo2.settext("en el campo de texto."); else if(e.getsource() == boton) { campo3.settext("en el botón."); Un conversor Euros-pesetas import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Gui13 extends JFrame { Container panel; TextField cantidad; JButton boton1, boton2; public Gui13(){ super("conversor Euros-Pesetas"); boton1 = new JButton("A euros"); boton2 = new JButton("A pesetas"); cantidad = new TextField(10); panel = this.getcontentpane(); panel.add(cantidad); panel.add(boton1); panel.add(boton2); panel.setlayout(new FlowLayout()); boton1.addactionlistener(new OyenteBoton()); boton2.addactionlistener(new OyenteBoton()); setsize(300, 250); 10

11 Un conversor Euros-pesetas setvisible(true); setdefaultcloseoperation(exit_on_close); public static void main(string args[]) { Gui13 ventana = new Gui13(); class OyenteBoton implements ActionListener { public void actionperformed(actionevent ae) { Float f = new Float(cantidad.getText()); float valor = f.floatvalue(); String s = ( String)ae.getActionCommand(); if(s.equals("a euros")) { valor = (float) ( valor / ); panel.setbackground(color.green); else if (s.equals("a pesetas")) { valor = (float) (valor * ); panel.setbackground(color.blue); cantidad.settext(float.tostring(valor)); Interfaces para procesar eventos Para facilitar la tarea del programador se han creado una serie de interfaces que deben implementarse cuando se quieren procesar algunos de estos eventos. Algunas interfaces y sus métodos son: ActionListener Escucha eventos de tipo ActionEvent actionperformed(actionevent) KeyListener Escucha eventos de teclado MouseListener Escucha eventos de acción del ratón (botones) MouseMotionListener Escucha eventos de movimiento del ratón keypressed(keyevent) keyreleased(keyevent) keytyped(keyevent) mouseclicked(mouseevent) mouseentered(mouseevent) mouseexited(mouseevent) mousepressed(mouseevent) mousereleased(mouseevent) mousedragged(mouseevent) mousemoved(mouseevent) 11

12 Ejercicio Escribe un swing que presente la GUI de un teléfono: Botones con los números del 0 al 9. Un campo de texto para mostrar el número marcado. Un botón para colgar el teléfono. 12