Introducción

Interacción con el Usuario
Gestión de Eventos
2.
3.
4.
Presentación basada en:
1.
Como Programar en Java. Deitel y Deitel. Ed. Prentice-Hall. 1988
Java 2., Curso de programación. Fco. Javier Ceballos. Ed. Alfoomega&RA-MA, 2003.
Apuntes del Curso Programación Orientado a Objetos. Pablo Castells. Escuela Politécnica Superior,
Universidad Autonoma de Madrid.
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
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
Acción
Pulsar un botón
Objeto origen
JButton
Tipo de evento
ActionEvent
Cambio del texto
JTextComponent
TextEvent
Pulsar Intro en un campo de
texto
JTextField
ActionEvent
Selección de un nuevo elemento
JCombobox
ItemEvent, ActionEvent
Selección de elemento(s)
JList
ListSelection-Event
Pulsar una casilla de verificación
JCheckBox
ItemEvent, ActionEvent
Pulsar un botón de radio
JRadioButton
ItemEvent, ActionEvent
Selección de una opción de
menú
JMenuItem
ActionEvent
Mover la barra de
desplazamiento
JScrollBar
AdjustmentEvent
Abrir, cerrar, minimizar,
maximizar o cerrar la ventana
JWindow
WindowEvent
...
...
...
2
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
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);
Este método añade el
}
oyente especificado
(frame) a la lista de
...
oyentes para recibir
eventos
de acción
public actionPerformed(ActionEvent e) {
(ActionEvent) desde este
... // Aquí se responde el evento
componente.
}
}
4
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
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
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
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
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
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
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 / 166.321);
panel.setBackground(Color.green);
}
else if (s.equals("A pesetas")) {
valor = (float) (valor * 166.321);
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
keyPressed(KeyEvent)
keyReleased(KeyEvent)
keyTyped(KeyEvent)
MouseListener
Escucha eventos de acción del ratón
(botones)
mouseClicked(MouseEvent)
mouseEntered(MouseEvent)
mouseExited(MouseEvent)
mousePressed(MouseEvent)
mouseReleased(MouseEvent)
MouseMotionListener
Escucha eventos de movimiento del
ratón
mouseDragged(MouseEvent)
mouseMoved(MouseEvent)
11
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