Libreria swing + ejemplo de ejercicio guiado

1. LIBRERÍA SWING JAVA
PABLO PERRONE. ELECTIVA E-LEARNING

2. CONTENIDO:
¿QUÉ ES SWING?
HISTORIA
ARQUITECTURA
PRINCIPALES COMPONENTES
Ejercicio: Cuadros combinados

3. FIN

4. Swing es una biblioteca gráfica para Java.
Incluye widgets para interfaz gráfica de
usuario tales como cajas de texto, botones,
desplegables y tablas.

5. HISTORIA
 Tiene su origen en las Internet Foundation Classes (IFC), que eran una
biblioteca gráfica para el lenguaje de programación Java desarrollada
originalmente por Netscape y que se publicó en 1996.
 Desde sus inicios el entorno Java ya contaba con una biblioteca de
componentes gráficos conocida como AWT. Esta biblioteca estaba
concebida como una API estandarizada que permitía utilizar los
componentes nativos de cada sistema operativo (no funcionó).
 En 1997, Sun Microsystems y Netscape Communications Corporation
anunciaron su intención de combinar IFC con otras tecnologías de las
Java Foundation Classes.

6. ARQUITECTURA
Es un framework MVC para desarrollar interfaces gráficas para Java con
independencia de la plataforma. Sigue un simple modelo de
programación por hilos, y posee las siguientes características
principales:
 Independencia de plataforma.
 Extensibilidad: es una arquitectura altamente particionada: los usuarios pueden
proveer sus propias implementaciones modificadas para sobrescribir las
implementaciones por defecto. Se puede extender clases existentes proveyendo
alternativas de implementación para elementos esenciales.
 Personalizable: dado el modelo de representación programático del framework de
swing, el control permite representar diferentes estilos de apariencia "look and feel"
(desde apariencia MacOS hasta apariencia Windows XP pasando por apariencia
GTK+, IBM UNIX o HP UX entre otros). Además, los usuarios pueden proveer su propia
implementación de apariencia, que permitirá cambios uniformes en la apariencia
existente en las aplicaciones Swing sin efectuar ningún cambio al código de
aplicación.

7. Las clases de swing se identifican
porque anteponen una J a su nombre

8. Ejercicio guiado: Cuadros combinados
 Realiza un nuevo proyecto.
 En la ventana principal debes añadir lo siguiente:
• Una etiqueta con borde llamada etiresultado.
► Añade un cuadro combinado (combo). Los cuadros combinados son objetos
del tipo JComboBox. Básicamente, un combo es una lista desplegable.

9.  Cámbiale el nombre al JComboBox. El nombre será cboColores. Tu programa debe tener más o
menos este aspecto.
Ejercicio guiado: Cuadros combinados

10.  Los elementos del cboColores
pueden ser cambiados a través
de la propiedad Model.
Selecciona el combo y activa
la propiedad Model (el
botoncito con los tres puntos)
Aparecerá lo siguiente:
Ejercicio guiado: Cuadros combinados

11.  Al igual que pasaba con los cuadros de lista, se pueden eliminar los elementos que contiene el
combo y añadir elementos propios. Use los botones Añadir y Eliminar para añadir la siguiente
lista de elementos:
Rojo
Verde
Azul
Ejercicio guiado: Cuadros combinados

12. Vamos a hacer que cuando se elija un elemento del desplegable, en la etiqueta aparezca un mensaje
indicando el color elegido.
Para ello, debes programar el evento actionPerformed del combo y añadir el siguiente código:
String mensaje="El color elegido es ";
mensaje=mensaje+cboColores.getSelectedItem().toString();
+etiResultado.setText(mensaje);
Ejercicio guiado: Cuadros combinados

13.  Este código hace lo siguiente:
a. Crea una variable de cadena.
b. Concatena dentro de ella el mensaje “El color elegido es” con el color seleccionado.
c. Observa el método getSelectedItem, se usa para saber el elemento seleccionado del combo. Es necesario
convertirlo a texto con toString.
d. Finalmente se coloca el mensaje en la etiqueta.
Ejercicio guiado: Cuadros combinados

14.  Ejecuta el programa y comprueba su funcionamiento. Por ejemplo, si elegimos el color verde,
el aspecto del programa será el siguiente:
Ejercicio guiado: Cuadros combinados

15.  Los cuadros combinados pueden funcionar también como cuadros de texto. Es decir,
pueden permitir que se escriba texto dentro de ellos. Para hacer esto, basta con cambiar su
propiedad “editable” y activarla.
Ejercicio guiado: Cuadros combinados

16.  Ejecuta el programa y observa como se puede escribir dentro del combo. Al pulsar Enter, el
programa funciona igualmente con el texto escrito.
Ejercicio guiado: Cuadros combinados
Se escribe aquí y
se pulsa enter