Java GUI:

Guided User Interface

Introduccin a los aspectos bsicos de
las interfaces graficas en Java.

Ral Fernando Martnez

lvaro David Arvalo

Nicols Mauricio Cuadrado

UNIVERSIDAD NACIONAL DE COLOMBIA
FACULTAD DE INGENIERIA ELECTRONICA
DEPARTAMENTO INGENIERIA
ELECTRONICA Y ELECTRICA
PROGRAMACION ORIENTADA A OBJETOS

Contenido
1.

Introduccin

2.

Programacin orientada por eventos

3.

Java AWT y Swing

4.

Componentes

5.

Eventos y ActionListeners

6.

Eclipse SwingDesigner

1. Introduccin

Interaccin entre cdigo

y el usuario

Compuesta de varios
grficos que reaccionan
a alguna manipulacin.

Los GUI pueden ser

dejados en segundo
plano generalmente.

Concepto de Front-End,
lo que es visible al
usuario.

[1]

2. PROGRAMACIN ORIENTADA
A EVENTOS

Hasta ahora los programas han tenido

un tipo de ejecucin lineal

Orientada a eventos

Controladores de eventos

Tambin

llamados
callbacks, son mtodos
registrados a un evento,
como un clic de botn o
presione el teclado.

Reaccionan al evento
de cambio de estado.

3. Java AWT & Swing

AWT

Swing

Abstract Window Toolkit

Es una librera de Java para aplicaciones

autnomas o Applets.

Un grupo de elementos basados en la tecnologa

AWT

Interaccion entre GUI nativo y el cdigo

Implementado totalmente en la plataforma Java

Alto nivel de abstraccin

AWT - Caractersticas

[2]

Un gran grupo de
elementos de interfaz de
usuario (botones, cajas de
texto )

Modelo de manejo de
eventos robusto

Herramientas de imagen

Administrador de layouts
(disposicin de la ventana)

Dependen de una
contraparte en cdigo
nativo

Swing - Caractersticas

Todas las caractersticas

de AWT

Version 100% Certificada

por Java de los
elementos AWT

Elementos avanzados
adicionales (tree view,
list box, tabbed panes)

100% Java

Look n Feel modular

No dependen de mas
segmentos de codigo

[3]

AWT vs. Swing

AWT

Swing
Portabilidad

Caractersticas

Look n Feel

Portabilidad General
Desarrollo por terceros

Comportamiento

Portabilidad Applet

Velocidad

Caractersticas

Soporte
Look n Feel

Portabilidad Applet

Desempeo

Composicin de un GUI

[4]

Layout Disposicin de los

componentes

Interfaz LayoutManager

Tamao y posicin de los

componentes en un
contender.

Un Layout Manager tiene

la ultima palabra en
cuanto a la organizacin
de los elementos.

[5]

Tipos de Layout:
BorderLayout

Es el Layout por defecto para JFrames

Se organizan los elementos en 5 zonas: Arriba, Abajo, Izquierda, Derecha y Centro.

Tipos de Layout:
BoxLayout

Organiza los elementos en una sola fila o columna

Es muy bueno para personalizar los GUI. Es verstil

Puede ser horizontal o vertical

Tipos de Layout:
CardLayout

Permite cambiar el contenido de un Panel.

Elementos diferentes en diferentes momentos

Se selecciona el contenido que se quiere mostrar

Tipos de Layout:
FlowLayout

Es el Layout por defecto para JPanel

Simplemente se organizan los elementos unos tras otro hasta que llenen la pantalla

Si se llena la pantalla, cambia de rengln

Tipos de Layout:
GridLayout

Distribuye los elementos en una cuadricula de X filas por Y columnas, segn se defina

Los elementos se organizar a medida que se van agregando

4. Componentes
Botones, cajas de texto, barras deslizables, listas

JLabel

JLabels son etiquetas usados para mostrar una lnea o

escribir algn texto, de manera que no pueda ser
editado por el usuario.

Son muy tiles para nombrar tems, ttulos, informar

sobre procesos, etc.

JButton

JButtons son botones en la pantalla que el usuario puede presionar para

cambiar las propiedades del programa.

JTextField

JTextFields son campos de texto que permiten al

usuario escribir.

JPasswordField

JPasswordField es similar a un campo de texto, la

diferencia es que los caracteres que se escriben no se
ven.

Tambien los eventos se manejan diferente que en un

TextField.

JCheckBox

El JCheckbox permite seleccionar mas de una opcin al

tiempo.

Es util para cuando se necesita elegir varias opciones.

Cada JCheckBox tiene un estado de seleccionado o

deselccionado.

JCheckBox

JComboBox

JComboBox es un men desplegable muy practico que

le permite al usuario escoger una opcin de una lista.

JRadioButton

JRadioButtons son similares a los JCheckBox. La

diferencia es que solo se puede elegir una opcin de
una lista.

Para que solo se pueda escoger un JRadioButton se

deben agrupar en un ButtonGroup.

ButtonGroup es usado para crear una exclusin mltiple

en una agrupacin de botones.

JRadioButton

Nombre de la clase del ejemplo

JTable

Los JTables son usados para mostrar datos en arreglos

multidimensionales (matrices).

Permiten crear tablas.

JMenu

El JMenu es la barra de mens en la parte superior de

un JFrame.

Es la barra que generalmente posee los items File, Edit,

Tools, Help, etc.

NOTA

Todos los cdigos mostrados

anteriormente se encuentran en el
paquete expoComponents del proyecto
Expo GUIS

5.Eventos y
ActionListeners

Listener

JButton y ActionListener.

Cubre los botones, Texfiel, JMenuBar, JMenu,

JMenuItem y JRadioButton

JCheckBox y Item Listener

Cubre tambin al Jmenu Item.

JFileChooser and TextArea

En General

Patrn Observer (de diseo)

Se define una manera para que las clases sean

dbilmente acoplados y por una clase (o muchos) que se
le notifique cuando otro se actualiza.

Patrn Observer (de diseo)

Hay dos maneras de ver el patrn
Observer:
Las clases de observadores y observables que se
encuentran en el paquete java.util.
El modelo de componentes JavaBeans de registrar
detectores de eventos con componentes.

Patrn Observer (de diseo)

Modelo de componentes JavaBeans
Por ejemplo, para observar la seleccin de un botn, se registra un
ActionListener con el componente:

Patrn Observer (de diseo)

Desventajas:

Posibilidad de una prdida de

memoria(fuga): Se debe tener en cuenta
que hay que eliminar todos los observer.

El conjunto de objetos de observadores se

mantiene en una coleccin no ordenada.

6.Eclipse SwingDesigner

PREGUNTAS ?....