libreria swing

1. Introducción a Swing
Taller de Programación 2016
tprog@fing.edu.uy

2. • ¿En qué estamos exactamente?
• ¿Cómo debemos codificar?
• ¿Por donde empezar?
• Empecemos por entender el contexto y la
arquitectura de lo que debemos construir en
esta primera etapa
Introducción

3. • Contexto
• Arquitectura en capas
• Al día de hoy…
Introducción

4. Introducción

5. • Pensemos en la calidad del software
• Más precisamente en la USABILIDAD
Introducción

6. Introducción

7. • Paréntesis…
▫ Relacionémoslo con el laboratorio
Diagrama de componentes
propuesto en la letra
Introducción

8. • Resumen del contexto
▫ Se requiere una capa de presentación
gráfica, no por consola de comandos
▫ Es decir, el proyecto requiere una
tecnología para construir una capa de
presentación más amigable e intuitiva
▫ Para cumplir con dicho requerimiento se
propone el uso de Swing
Introducción

9. • Tecnología Java para la construcción de
interfaces de gráficas de escritorio
• Biblioteca que contiene un conjunto de
controles y elementos gráficos como botones,
listas, etiquetas, etc., que permiten interactuar
con la lógica de la aplicación
• Permite construir interfaces capaces de ser
ejecutadas en diferentes plataformas (al igual
que el propio lenguaje Java)
¿Qué es Swing?

10. • Está implementado en 18 paquetes (packages)
▫ Los paquetes más utilizados son:
 javax.swing
 javax.swing.events
▫ Swing utiliza (“hereda de”) AWT (Abstract
Window Toolkit) una versión “primitiva” para
manejo de interfaces gráficas en Java
¿Qué es Swing?

11. • Posee una gran cantidad de características,
por ejemplo:
▫ Jerarquías de componentes Swing
▫ Uso de layout managers
▫ Uso de models
▫ Manejo de eventos
¿Qué es Swing?

12. • Jerarquía de componentes Swing
▫ Contenedores de Alto Nivel (top-level containers)
 son la raíz de la jerarquía de componentes
▫ Contenedores Intermedios (intermediate containers)
 pueden tener otros contenedores intermedios y/o
componentes básicos
▫ Componentes Básicos (basic components)
 controles elementales para entrada y salida de
datos a los usuarios finales
¿Qué es Swing? :: Componentes

13. • Contenedores de Alto Nivel
▫ Algunos top-level containers
 JFrame: ventana con título, borde y contenido
 JDialog: sub-ventana independiente (cuadro de
diálogo)
▫ Para visualizar un control Swing en pantalla, debe
pertenecer a alguna jerarquía de contenedores (cuya
raíz será un top-level container)
▫ Cada top-level container tiene un content-pane que
contendrá todos los componentes visibles
¿Qué es Swing? :: Componentes

14. • Contenedores de Alto Nivel
• Opcionalmente un top-level puede incluir
una barra de menús (menu bar)
• La barra de menú no está
contenida en el content-pane
¿Qué es Swing? :: Componentes

15. • Contenedores Intermedios, ejemplos
▫ JPanel: contenedor de componentes
▫ JScrollPane: proporciona barras de desplazamiento
alrededor de un componente
▫ JSplitPane: permite al usuario cambiar el tamaño
relativo de dos componentes
▫ JInternalFrame: ventana dentro de otra ventana
¿Qué es Swing? :: Componentes

16. • Layout
▫ Se refiere al esquema de distribución de los
elementos dentro de un diseño
• Layout Manager
▫ Es un objeto que implementa la interfaz
LayoutManager y determina el tamaño y posición
de los componentes dentro de un contenedor
▫ Realiza el layout (tamaño y ubicación) automático
de los elementos que se agregan al contenedor al
cual el layout manager controla
¿Qué es Swing? :: Layouts

17. • Layout Manager
▫ Existen múltiples formas preexistentes de layout
managers así como la posibilidad de no utilizar
ningún layout manager (llamado Absolute Layout).
▫ También se pueden crear layout managers
personalizados (poco común y desaconsejable)
▫ Los más sencillos son: BorderLayout, FlowLayout,
BoxLayout y GridLayout
¿Qué es Swing? :: Layouts

18. BorderLayout
Utiliza cinco zonas para colocar componentes
FlowLayout
Acomoda los componentes de izquierda a derecha
BoxLayout
Componentes de forma horizontal y vertical (X, Y)
GridLayout
Acomoda componentes en forma de matriz
¿Qué es Swing? :: Layouts

19. • Uso de Modelos (pequeña visión)
▫ Casi la totalidad de los componentes poseen un
modelo (Model), aunque típicamente el
programador no necesite saber de él
▫ Los modelos más útiles son colecciones de
elementos que serán mostrados por componentes
▫ Por ejemplo, si tenemos una lista de elementos, y
queremos mostrarlo en un control JList, debemos
trabajar sobre el modelo de la lista (con la
colección), para que esta se vea bien en pantalla
¿Qué es Swing? :: Modelos

20. • Manejo de eventos
▫ Un evento ocurre cada vez que el usuario
interactúa con componentes de la interfaz gráfica
▫ Se dice que el evento es “disparado” por Swing y el
programador, si le interesa hacer algo debido a la
ocurrencia del evento, debe “manejarlo”
▫ Similar al manejo de excepciones, pero un evento
no manejado no provoca un error en el programa
▫ Manejar un evento significa asociar un código para
que se ejecute cuando el evento se dispara
¿Qué es Swing?¿Qué es Swing? :: Eventos

21. • Manejo de eventos
▫ Un control tiene una serie de eventos a los que
podemos especificarles código
▫ Ejemplo
▫ Evento click de un botón que tiene el objetivo
de dar un alta de Usuario
▫ Al presionar dicho botón, se ejecutará código
definido por el usuario programador, el cual creará
un Usuario en el Sistema…
¿Qué es Swing? :: Eventos

22. • Al presionar el botón
“Registrar”, se captura el
evento “click” y se ejecuta el
código definido
• En este caso se toman los
datos de la interfaz gráfica:
nombre, apellido y C.I.
• Luego se llama a una interfaz
de caso de uso, que registra
un Usuario en el Sistema
¿Qué es Swing? :: Eventos

23. • ¿Cómo desarrollar en Swing?
▫ Hacerlo mediante código puro
▫ Utilizar como ayuda el diseñador
incorporado en los IDE, el cual genera código
para facilitar el proceso de diseño GUI.
Recomendaciones prácticas

24. Diseñador
Mediante Drag and Drop
(arrastrar y soltar), el
usuario Programador
diseña la interfaz
Luego se agrega el código
pertinente para trabajar
con la lógica (eventos, etc.)
Recomendaciones prácticas

25. • Antes de ejecutar, veamos la realidad
implementada:
▫ Se ha creado un software que permite el
registro de Usuarios de los que se conoce
el nombre, apellido y su cédula de
identidad (que lo identifica)
▫ Se debe brindar la posibilidad de buscar
Usuarios por su cédula y ver su
información personal
Demo

26. • Se cuenta con dos paquetes
▫ Lógica (Clases)
 Usuario (representa al Usuario)
 DataUsuario (representa su información)
 ManejadorUsuario (colección global de usuarios)
 ControladorUsuario (controlador de los CU)
 IControladorUsuario (interface del controlador)
 Fábrica (creadora de interfaces)
▫ Presentación
 JFrame Principal.java
Demo

27. Demo

28. The Swing Tutorial (Oracle)
http://download.oracle.com/javase/tutorial/uiswing/index.html
The Definitive Guide to Java Swing (J. Zukowski)
http://link.springer.com/book/10.1007/978-1-4302-0033-8
Piensa en Java (B. Eckel)
http://www.univo.edu.mx/computo/maestria/Pensando%20En%2
0Java.pdf
Referencias