Download - Swing1
![Page 1: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/1.jpg)
INTERFACES GRÁFICASIntroducción al uso de SWING
![Page 2: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/2.jpg)
¿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.
![Page 3: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/3.jpg)
¿Qué es una aplicación de escritorio?
![Page 4: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/4.jpg)
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); }}
![Page 5: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/5.jpg)
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.
![Page 6: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/6.jpg)
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á.
![Page 7: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/7.jpg)
Controles de SWING
Puedes ver una lista de los controles básicos en esta página.
![Page 8: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/8.jpg)
¿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.
![Page 9: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/9.jpg)
Organizadores o « Layouts »• En NetBeans™ se trabaja el layout
automáticamente.• Esto se puede
ver con las marcas del programa:
![Page 10: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/10.jpg)
Layouts en Java™• Existen ocho
manejadores de layout de uso general:– BorderLayout– BoxLayout– CardLayout– FlowLayout– GridBagLayout– GridLayout– GroupLayout– SpringLayout
![Page 11: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/11.jpg)
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).
![Page 12: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/12.jpg)
BoxLayout
• Agrupa los componentes en una sola columna, o en una sola fila.
• Tiene opciones para centrar, etc.
![Page 13: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/13.jpg)
CardLayout
• Da opción de poner varios componentes en momentos distintos.
• Tiene una funcionalidad parecida a la de un “panel de viñetas”.
![Page 14: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/14.jpg)
FlowLayout
![Page 15: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/15.jpg)
GridBagLayout
![Page 16: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/16.jpg)
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.
![Page 17: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/17.jpg)
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.
![Page 18: Swing1](https://reader034.vdocumento.com/reader034/viewer/2022042715/557da080d8b42a642d8b4a0c/html5/thumbnails/18.jpg)
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.