INTERFACES       GRÁFICAS
  Introducció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 mir...
¿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...
SWING en NetBeans™
 • Con NetBeans™ puedes hacer
   aplicaciones utilizando SWING de
   manera intuitiva y rápida.
 • Nunc...
SWING en NetBeans™
• Para comenzar a hacer
  una aplicación de
  escritorio, haz click en:
• File > New project… >
  Java ...
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...
Organizadores o « Layouts »
 • En NetBeans™ se trabaja el layout
   automáticamente.
 • Esto se puede
   ver con las
   ma...
Layouts en Java™
• Existen ocho
  manejadores de layout de
  uso general:
  – BorderLayout
  – BoxLayout
  – CardLayout
  ...
BorderLayout
• Tiene cinco áreas: TOP (arriba), BOTTOM (abajo), RIGHT
  (derecha), LEFT (izquierda) y CENTER (centro)
• Ca...
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...
FlowLayout
GridBagLayout
GridLayout

• Sencillamente divide el
  contenedor en una grilla
  de celdas iguales.
• El resultado es controles
  del mi...
GroupLayout
• Es el más complicado.
• Está hecho para ser utilizado desde un GUI, aunque
  también puede utilizarse manual...
SpringLayout

• Es un poco menos complicado
  que el anterior.
• También está hecho para ser
  utilizado desde un GUI.
• P...
Upcoming SlideShare
Loading in …5
×

Swing1

2,027 views

Published on

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.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,027
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
93
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Swing1

  1. 1. INTERFACES GRÁFICAS Introducción al uso de SWING
  2. 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. 3. ¿Qué es una aplicación de escritorio?
  4. 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. 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. 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. 7. Controles de SWING Puedes ver una lista de los controles básicos en esta página.
  8. 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. 9. Organizadores o « Layouts » • En NetBeans™ se trabaja el layout automáticamente. • Esto se puede ver con las marcas del programa:
  10. 10. Layouts en Java™ • Existen ocho manejadores de layout de uso general: – BorderLayout – BoxLayout – CardLayout – FlowLayout – GridBagLayout – GridLayout – GroupLayout – SpringLayout
  11. 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. 12. BoxLayout • Agrupa los componentes en una sola columna, o en una sola fila. • Tiene opciones para centrar, etc.
  13. 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. 14. FlowLayout
  15. 15. GridBagLayout
  16. 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. 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. 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.

×