GUI Interfaz Grfica de Usuario

Objetivos

Comprender los principios de diseo de las interfaces grficas de usuario (GUI). Crear interfaces grficas de usuario. Aprender acerca de los paquetes que contienen componentes relacionados a los GUIs. Clases e interfaces para el manejo de eventos. Crear y manipular botones, etiquetas, campos de texto y paneles. Aprender a utilizar los administradores de esquemas.

Interfaz Grfica de Usuario

Una GUI presenta un mecanismo amigable al usuario para interactuar con un programa, proporcionando una apariencia visual nica. Con GUIs consistentes e intuitivas, los Usuarios pueden familiarizarse con los programas incluso antes de usarlos.

Reduce tiempo para aprender a usar un programa. Aumenta habilidad para usar programas.

Un componente de la GUI es un objeto con el cual interacta el usuario mediante el ratn, el teclado u otra forma de entrada (voz).

Componentes Swing

Las clases que crean componentes de la GUI son algunos de los componentes de la GUI de Swing del paquete javax.swing Se hicieron estndar en Java cuando se liber la Plataforma Java 2 versin 1.2. La mayora de los componentes de Swing estn escritos, se manipulan y se muestran completamente en Java (componentes puros de Java). Los componentes de Swing son parte de la JFC (Java Foundation Classes), biblioteca de Java para el desarrollo de GUIs para mltiples plataformas.

Componentes GUI bsicos

Componente Descripcin
rea en donde se pueden mostrar conos o texto no editable. rea en la que el usuario introduce datos desde el teclado. Esta rea tambin puede mostrar informacin. rea que, cuando el ratn hace clic sobre ella, desencadena un evento. Componente que puede estar o no seleccionado. Lista desplegable de elementos, de los cuales el usuario puede seleccionar uno haciendo clic en l o posiblemente escribiendo dentro del cuadro. rea que contiene una lista de elementos, de los cuales el usuario puede seleccionar cualquiera haciendo clic en l. Pueden seleccionarse varios elementos. Componente en el cual pueden colocarse y organizarse componentes.

JLabel
JTextField JButton JCheckBox JComboBox JList JPanel

Componentes AWT

Los componentes originales de la GUI del paquete java.awt del AWT(Abstract Windows Toolkit) estn enlazados directamente con las herramientas de interfaz grfica de usuario de la plataforma local. Cuando se ejecuta un programa de Java con una GUI del AWT en distintas plataformas Java, los componentes de la GUI del programa se muestran de manera distinta en cada plataforma.

Un objeto Button (del paquete java.awt), en una computadora que ejecuta MS Windows tendr la misma apariencia visual que los botones de otras aplicaciones Windows.

Swing y AWT

Los componentes Swing se implementan en Java, por lo que proporcionan un mayor nivel de portabilidad y flexibilidad que los componentes originales de la GUI del paquete java.awt, que utilizaban los componentes de la GUI de la plataforma subyacente. Los componentes Swing se conocen como componentes ligeros y a los AWT como pesados (porque dependen de la plataforma). Existen componentes Swing pesados como:

Debido a que requieren interaccin directa con el sistema de ventanas local.

java.awt.Window JFrame java.applet.Applet Japplet

Superclases comunes Swing

Para

utilizar las GUI, las jerarquas de herencia de javax.swing y java.awt deben comprenderse.

swing

awt

Clase Component

Declara atributos y comportamientos comunes de todas las subclases de Component. La mayora de los componentes de la GUI extienden de esta clase directa o indirectamente. Un ejemplo de mtodo que se origina en la clase Component usado en applets es paint. Las operaciones comunes para la mayora de los componentes de la GUI (Swing y AWT) se encuentran en la clase Component.

10

Clase Container

Administra una coleccin de componentes relacionados. En aplicaciones con objetos JFrame y en subprogramas (Applets), adjuntamos componentes al panel de contenido, que es un objeto de la clase Container. Esta clase declara atributos y mtodos comunes para todas las subclases. Un mtodo que se origina en la clase Container es add, el cual se utiliza para adjuntar componentes al panel de contenido (objeto Container). Otro mtodo es SetLayot, que ayuda a posicionar y ajustar el tamao de sus componentes.

11

Clase JComponent

Es la superclase de la mayora de los componentes de Swing. Declara atributos y comportamientos comunes a todas las subclases, incluyendo:

Apariencia visual adaptable (plataformas). Teclas de mtodo abreviado (nemnicos). Herramientas de manejo de eventos comunes. Descripcin del propsito del componente (tool tips). Etc.

12

JLabel

13

Manejo de Eventos

Las GUIs estn controladas por eventos. Generan eventos cuando el usuario del programa interacta con la GUI. Algunos eventos (interacciones) son:

La informacin se almacena en un objeto de una clase que extiende a AWTEvent. Eventos del paquete java.awt.event se utilizan con componentes de AWT y Swing. Eventos especficos para Swing javax.swing.event

Mover el ratn. Hacer clic con los botones del ratn. Hacer clic en un botn de la pantalla. Escribir en un campo de texto. Seleccionar un elemento del men. Cerrar una ventana.

14

Clases del paquete java.awt.event

15

Manejo de Eventos

El mecanismo del manejo de Eventos consta de tres partes:

El origen del evento. (1) El objeto del evento. (2) El componente de escucha del evento. (3)

(1) Es el componente de la GUI. (2) Encapsula informacin acerca del evento que ocurri.

(3) Es un objeto que recibe la notificacin del origen del evento cuando este ocurre.

Una Referencia al origen del evento. Informacin especfica de ese evento que pueda ser requerida por (3) para manejarlo. Escucha a la espera de un evento. Se ejecuta en respuesta a ese evento.

16

Tareas Clave para procesar eventos de GUIs

(1) Registrar un componente de escucha del evento para el componente de la GUI que se espera genere ese evento. (2) Implementar un mtodo manejador del evento.

Un componente de escucha para un evento de la GUI es un objeto que implementa a una o ms de las interfaces de componentes de escucha de eventos de los paquetes java.awt.event y javax.swing.event.

17

Interfaces de componentes de escucha de eventos del paquete java.awt.event

Cada interfaz especifica uno o ms mtodos manejadores de eventos que deben declararse en la clase que implementa a la interfaz de componente de escucha de eventos.

Cuando ocurre un evento, el componente de la GUI notifica a sus componentes de escucha registrados, llamando al mtodo manejador de eventos.

18

Campo de Texto

Registro de Eventos

19

Manejador de Eventos

20

JButton
Todos

los botones son subclases de AbstractButton (paquete javax.swing). Un botn genera un evento ActionEvent cuando el usuario hace clic en l.

Jerarqua de botones de Swing

21

JButton

22

Administradores de Esquemas

Se proporcionan para ordenar los componentes de la GUI en un contenedor. Proporcionan herramientas bsicas de distribucin visual. Ms fcil de usar que determinar la posicin y tamao exactos de cada componente de la GUI. FlowLayout

BorderLayout

Predeterminado para java.awt.applet, java.awt.Panel y javax.swing.Jpanel. Coloca los componentes secuencialmente.

GridLayout

Predeterminado para paneles de contenido de objetos JFrame y JApplet. Ordena los componentes en cinco reas: NORTH, SOUTH, EAST, WEST y CENTER.
Ordena los componentes en filas y columnas.

23

Paneles