INTERFACES GRÁFICASIntroducción al uso de SWING

¿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.

¿Qué es una aplicación de escritorio?

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); }}

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.

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á.

Controles de SWING

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

¿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.

Organizadores o « Layouts »• En NetBeans™ se trabaja el layout

automáticamente.• Esto se puede

ver con las marcas del programa:

Layouts en Java™• Existen ocho

manejadores de layout de uso general:– BorderLayout– BoxLayout– CardLayout– FlowLayout– GridBagLayout– GridLayout– GroupLayout– SpringLayout

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).

BoxLayout

• Agrupa los componentes en una sola columna, o en una sola fila.

• Tiene opciones para centrar, etc.

CardLayout

• Da opción de poner varios componentes en momentos distintos.

• Tiene una funcionalidad parecida a la de un “panel de viñetas”.

FlowLayout

GridBagLayout

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.

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.

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.