Introducción a Swing. Taller de Programación 2016

Transcripción

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

2 Introducción 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

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

4 Introducción

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

6 Introducción

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

8 Introducción 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

9 Qué es Swing? 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)

10 Qué es Swing? 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

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

12 Qué es Swing? :: Componentes 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

13 Qué es Swing? :: Componentes 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

14 Qué es Swing? :: Componentes 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

15 Qué es Swing? :: Componentes 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

16 Qué es Swing? :: Layouts 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

17 Qué es Swing? :: Layouts 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

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

19 Qué es Swing? :: Modelos 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

20 Qué es Swing? :: Eventos 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

21 Qué es Swing? :: Eventos 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

22 Qué es Swing? :: Eventos 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

23 Recomendaciones prácticas 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.

24 Recomendaciones prácticas 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.)

25 Demo 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

26 Demo 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

27 Demo

28 Referencias The Swing Tutorial (Oracle) The Definitive Guide to Java Swing (J. Zukowski) Piensa en Java (B. Eckel) 0Java.pdf