Introducción a Swing y a los Layout Managers. Es la séptima de una serie de nueve presentaciones para introducir al mundo de JAVA a alumnos de secundaria.

1. INTERFACES GRÁFICAS
Introducción al uso de SWING

2. ¿Qué es una interfaz gráfica?
• Llamamos interfaces
gráficas a la parte de las
aplicaciones de escritorio
que se mira, la parte con
que el usuario interactúa.
• En Java™ hay tres
paquetes para hacer
interfaces gráficas:
SWING, AWT y SWG.
• Nosotros vamos a ver
SWING.

3. ¿Qué es una aplicación de escritorio?

4. Tu primera Aplicación de Escritorio
• Compila y ejecuta el
siguiente programa
(ejemplo 1):
Import java.swing.*;
public class EjemploSwing1 {
public static void main(String[] args) {
JFrame marco = new JFrame();
JPanel panel = new JPanel();
JButton boton = new JButton("Clickeame!");
marco.add(panel);
panel.add(boton);
marco.setVisible(true);
}
}

5. SWING en NetBeans™
• Con NetBeans™ puedes hacer
aplicaciones utilizando SWING de
manera intuitiva y rápida.
• Nunca hay que olvidar que lo que hace
NetBeans es escencialmente lo mismo
que si lo hicieramos con Notepad.
• Al final toda aplicación de escritorio
puede reducirse a código –a menos
que añada una imagen lógicamente.

6. SWING en NetBeans™
• Para comenzar a hacer
una aplicación de
escritorio, haz click en:
• File > New project… >
Java > Java Desktop
Application > Next.
• Después le ponemos
nombre al proyecto, y ya
está.

7. Controles de SWING
Puedes ver una lista de los controles básicos en esta página.

8. ¿Qué son los «Organizadores»?
• Los organizadores de
distribución (layout
managers en inglés) o
simplemente «layouts»
son objetos que me
permiten disponer los
distintos controles en un
formulario de manera
ordenada, eficiente y
dinámica.

9. Organizadores o « Layouts »
• En NetBeans™ se trabaja el layout
automáticamente.
• Esto se puede
ver con las
marcas del
programa:

10. Layouts en Java™
• Existen ocho
manejadores de layout de
uso general:
– BorderLayout
– BoxLayout
– CardLayout
– FlowLayout
– GridBagLayout
– GridLayout
– GroupLayout
– SpringLayout

11. BorderLayout
• Tiene cinco áreas: TOP (arriba), BOTTOM (abajo), RIGHT
(derecha), LEFT (izquierda) y CENTER (centro)
• Cada control se localiza en una de esas áreas.
• Éste es el Layout por defecto para los “marcos” (JFrame).

12. BoxLayout
• Agrupa los
componentes en una
sola columna, o en una
sola fila.
• Tiene opciones para
centrar, etc.

13. CardLayout
• Da opción de poner
varios componentes en
momentos distintos.
• Tiene una funcionalidad
parecida a la de un
“panel de viñetas”.

14. FlowLayout

15. GridBagLayout

16. GridLayout
• Sencillamente divide el
contenedor en una grilla
de celdas iguales.
• El resultado es controles
del mismo tamaño.
• Para ver el uso de este
layout ver el ejemplo 2.

17. GroupLayout
• Es el más complicado.
• Está hecho para ser utilizado desde un GUI, aunque
también puede utilizarse manualmente.
• Internamente tiene dos organizaciones: vertical y
horizontal.
• Cada elemento tiene que configurarse dos veces.

18. SpringLayout
• Es un poco menos complicado
que el anterior.
• También está hecho para ser
utilizado desde un GUI.
• Permite alinear un conjunto de
controles en base a patrones, a
distancias adecuadas para la
visión.