Principios de Computadoras II - Universidad Nacional del Sur

Transcripción

Principios de Computadoras II
Departamento de Ingeniería Electrónica y Computadoras
Universidad Nacional del Sur
Interfase gráfica de usuario (GUI) - II
Mg. Ricardo Coppo
[email protected]
Ejemplo 1: Uso de JLabel
En este ejemplo se usan dos clases, uno es para
iniciar la aplicación, la segunda es la ventana con
un constructor apropiado.
Se demuestra el uso de JLabel para presentar
textos e imágenes
Se introduce el administrador de esquema
“FlowLayout” que distribuye los componentes uno a
continuación de la otra dentro de la ventana
Interfase gráfico del usuario (GUI) – II
Mg.Ricardo Coppo
2
Mg.Ricardo Coppo
3
Mg.Ricardo Coppo
4
Clase iniciadora de la aplicación
Mg.Ricardo Coppo
5
Eventos y su procesamiento
Toda la interfase gráfica del usuario
responde a diferentes tipos de evento
Eventos de teclado
Eventos de mouse
Eventos de ventana
Eventos de menú
Mg.Ricardo Coppo
6
El procesamiento de eventos se divide en cuatro partes:
Un objeto del tipo “EventObject” o uno de sus clases derivadas
que describe el evento creado por Swing.
Un método de acción, manejador o de procesamiento que debe
ser definido por el usuario o tomado por defecto (Listener)
Localización de la ventana, control o widget que se encuentra
activo en el momento en que se produce el evento (foco)
Un mecanismo de subscripción o conexión que interconecta el
widget con el manejador
Mg.Ricardo Coppo
7
Jerarquía de clases de EventObject
Mg.Ricardo Coppo
8
Cada tipo de evento debe ser procesada por un
método adecuado de una clase del tipo
“EventListener”
Se escribe una clase que implementa una de las
interfases de escucha de eventos específica
derivada de EventListener
ActionListener (botones, menues, etc.)
MouseListener (click, drag, etc.)
KeyListener (teclado)
Otros…
Mg.Ricardo Coppo
9
Jerarquía de interfases de EventListener
Mg.Ricardo Coppo
10
Ejemplo de una clase que implementa
ActionListener
La interface ActionListener posee un único
método público llamado “actionPerformed()”.
private class ManejadorEvento implements ActionListener
{
public void actionPerformed( ActionEvent ev ) {…}
}
Mg.Ricardo Coppo
11
Una vez que se posee la clase “Listener” y se
han implementado los métodos de la
interface se lo debe “conectar” o “subscribir”
al widget.
Una misma clase “Listener” puede
subscribirse a varios widget. Esto permite
que diversos botones, teclas, etc. puedan
tener el mismo comportamiento.
Mg.Ricardo Coppo
12
Cada componente visual posee una lista
polimórfica de “EventListener”.
Cuando recibe un “EventObject” o uno de
sus derivados, recorre la lista buscando los
objetos listener capaces de procesarlo. De
encontrar alguno, invoca los métodos de la
interface.
Mg.Ricardo Coppo
13
Manejo de eventos del usuario
Mg.Ricardo Coppo
14
Conexión de componentes con los
manejadores de evento
El programador debe “conectar” cada componente
visual con los manejadores de evento.
Esto se realiza mediante un mecanismo de
agregación de objetos (también conocido como
subscripción en este caso)
Los componentes implementan metodos como:
addActionListener
addMouseListener
etc.
Mg.Ricardo Coppo
15
Ejemplo 2: Campos de texto y eventos
En esta aplicación se demuestra el uso de
JTextField, el manejo de eventos y las clases
anidadas en Java.
La aplicación responde al ingreso de “Intro” en el
componente que actualmente posee el foco y luego
presenta una ventana con un texto identificatorio.
Se ilustra tambien como un único manejador de
eventos puede responder a diferentes componentes
Mg.Ricardo Coppo
16
Programa principal
Mg.Ricardo Coppo
17
Campos internos de la ventana
Mg.Ricardo Coppo
18
Todos los componentes usan
el mismo manejador de enventos
Mg.Ricardo Coppo
19
Esta clase
es interna a
a la clase de la
ventana
Se escribe en el
mismo archivo y
tene visibilidad
private
getActionCommand() retorna
el texto interno del componente
Mg.Ricardo Coppo
20
Ejemplo 2
Mg.Ricardo Coppo
21
Ejemplo 3: JButton
Jerarquía de botones
Mg.Ricardo Coppo
22
Ejemplo 3: JButton
Mg.Ricardo Coppo
23
Ejemplo 3: JButton
Mg.Ricardo Coppo
24
Ejemplo 3: JButton
Mg.Ricardo Coppo
25
Ejemplo 4: Calculadora simple
Utilizando el Netbeans y la capacidad de
diseño gráfico del IDE desarrollar una
calculadora simple capaz de sumar dos
números y presentar el resultado.
Generar dos clases, la de la aplicación y la
de la “vista” o ventana.
Analizar el código generado por el IDE.
Mg.Ricardo Coppo
26
Bibliografía
Ver Deitel y Deitel
Java – Cómo programar (7ta. Edición)
Cap. 11 – Componentes de la GUI
Otros componentes:
Esquemas:
JCheckBox, JRadioButton, JComboBox, JList, JTextArea
FlowLayout, BorderLayout, GridLayout
Clases adaptadoras
Mg.Ricardo Coppo
27
Departamento de Ingeniería Electrónica y Computadoras
Interfase gráfica de usuario (GUI) - II
Mg. Ricardo Coppo
[email protected]

Principios de Computadoras II - Universidad Nacional del Sur

Transcripción

Documentos relacionados

diagramas de estados - Ing. José Manuel Poveda

Apoyatura bioquímica al diagnóstico veterinario. Casuística