Interfaces Gráficas en Java
Tópicos Avanzados de Programación
Alumno: Francisco Salvador Miranda Jaramillo
Contenido
1. Interfaces gráficas de usuario en el paquete estándar de Java: AWT y Swing.
2. ¿Qué es Swing y qué me proporciona?
3. Componentes (JTextField, JLabel, JButton, etc).
4. Contenedores Gráficos disponibles.
5. Organización de componentes en contenedores.
1. Interfaces gráficas de usuario en el paquete
estándar de Java: AWT y Swing.
Java permite la creación de interfaces gráficas de usuario mediante el uso de
bibliotecas y herramientas específicas en su paquete estándar.
AWT
Swing
JavaFX
1. Interfaces gráficas de usuario en el paquete
estándar de Java: AWT y Swing.
AWT (Abstract Windows Toolkit) ha estado presente desde la primera versión del
JDK (la 1.0), aunque con la 1.1 sufrió un cambio notable.
AWT utiliza los componentes GUI nativos del sistema operativo subyacente
(botones, cajas de texto, ventanas, etc.), lo que proporciona una apariencia y
comportamiento coherentes con el sistema operativo en el que se ejecuta la
aplicación. Sin embargo, esto puede llevar a diferencias visuales entre sistemas
operativos.
1. Interfaces gráficas de usuario en el paquete
estándar de Java: AWT y Swing.
Los componentes de Swing son independientes de la plataforma, es decir, swing
no depende del sistema operativo para mostrar los componentes. Además, los
componentes de Swing son ligeros.
2. ¿Qué es Swing y qué me proporciona?
Swing es un paquete java para la generación del GUI en aplicaciones reales de
gran tamaño.
Disponible como paquete externo en java 1.1, e integrado desde java 1.2
En cuanto a estructura, no hay mucha diferencia entre los controles
proporcionados por AWT y los proporcionados por Swing: éstos se llaman, en
general, igual que aquéllos, salvo que tienen una "J" delante; así, por ejemplo, la
clase Button de AWT pasa a llamarse JButton en Swing , y en general la estructura
del paquete de Swing ([Link]) es la misma que la que tiene [Link].
2. ¿Qué es Swing y qué me proporciona?
existen importantes diferencias entre los componentes Swing y los componentes
AWT:
Los componentes Swing están escritos sin emplear código nativo
Los componentes Swing ofrecen más capacidades que los correspondientes
AWT: los botones pueden mostrar imágenes, hay más facilidades para modificar
la apariencia de los componentes, etc.
Al mezclar componentes Swing y componentes AWT en una aplicación, se debe
tener cuidado de emplear contenedores AWT con elementos Swing, puesto que
los contenedores pueden solapar a los elementos (se colocan encima y no dejan
ver el componente).
3. Componentes
Los Componentes permiten al usuario interactuar con la aplicación y proporcionar
información desde el programa al usuario sobre el estado del programa.
3. Componentes
● JButton : Permite vincular Botones simples.
3. Componentes
● JLabel : Permite Vincular Etiquetas, tanto de texto como de imágenes
3. Componentes
● JCheckBox: Son Casilla de verificación, ideal para selección múltiples.
3. Componentes
● JRadioButton: Permite presentar opciones de selección similares a las
checkbox, solo que el enfoque de estas es de única selección.
3. Componentes
● JToggleButton: Botón que al oprimirlo se quedará presionado hasta que se
ejecute otro evento.
3. Componentes
● JComboBox: Permite mostrar una lista de elementos como un combo de
selección.
3. Componentes
● JComboBox: Permite mostrar una lista de elementos como un combo de
selección.
3. Componentes
● JScrollBar: Permite mostrar una barra de desplazamiento, regularmente
usada en Areas de texto o paneles donde el contenido es mayor que el
tamaño del componente.
3. Componentes
● JSlider: Permite vincular un Deslizador en nuestra ventana.
3. Componentes
● JSpinner: permite vincular una caja de texto con botones integrados para
seleccionar algún valor.
3. Componentes
● JProgressBar – Establece una barra de progreso.
3. Componentes
● JTextField – Permite introducir un campo de texto simple.
3. Componentes
● JPasswordField – Campo de texto que oculta los caracteres ingresados.
3. Componentes
● JTextArea – Permite vincular un área de texto donde el usuario ingresara
información o simplemente para presentar cadenas de texto.
3. Componentes
● JTextArea – Permite vincular un área de texto donde el usuario ingresara
información o simplemente para presentar cadenas de texto.
3. Componentes
● JTable – Permite vincular una tabla de datos con sus respectivas filas y
columnas.
3. Componentes
● JList – Permite cargar una lista de elementos, dependiendo de las
propiedades puede tenerse una lista de selección múltiple.
4. Contenedores
Los contenedores son componentes que permiten almacenar, alojar o contener
otros elementos gráficos.
4. Contenedores
(jPanel): un contenedor ligero común.
4. Contenedores
(jTabbedPane): un componente que permite cambiar entre un grupo de
componentes pulsando sobre una pestaña con un pequeño título y/o ícono.
4. Contenedores
(jSplitPane): un contenedor utilizado para dividir dos (y sólo dos) componentes.
Los componentes se pueden cambiar de tamaño interactivamente.
4. Contenedores
(jScrollPane): una vista desplazable de un componente ligero.
4. Contenedores
(jScrollPane): una vista desplazable de un componente ligero.
4. Contenedores
(jDesktopPane): un contenedor utilizado para crear una interfaz multidocumento o
un escritorio virtual.
4. Contenedores
(jInternalFrame): un objeto
ligero que proporciona
muchas de las
características de una
ventana nativa, incluyendo
arrastrar, cerrar, minimizar,
cambiar de tamaño,
mostrar en miniatura y
admite barras de menús.
5. Organización de componentes en contenedores
Un "layout" se refiere a un mecanismo que determina cómo se organizan
y se presentan los componentes gráficos en un contenedor, como una
ventana, un panel o un cuadro de diálogo, en una interfaz gráfica de
usuario.
Java ofrece la posibilidad de desarrollar nuestro interface de forma
dinámica mediante el uso de un layout manager o gestor de
composición.
5. Organización de componentes en contenedores
Flow Layout
Los componentes añadidos a un panel con FlowLayout se
encadenan en forma de lista. La cadena es horizontal, de izquierda
a derecha, y se puede seleccionar el espaciado entre cada
componente.
Si el contenedor se cambia de tamaño en tiempo de ejecución, las
posiciones de los componentes se ajustarán automáticamente,
para colocar el máximo número posible de componentes en la
primera línea.
5. Organización de componentes en contenedores
Border Layout
Es el layout o composición que utilizan por defecto JFrame y JDialog. La composición
utiliza cinco zonas para colocar los componentes sobre ellas:
Norte: parte superior del panel (NORTH o PAGE_START)
Sur: parte inferior del panel (SOUTH o PAGE_END)
Este: parte derecha del panel (EAST o LINE_END)
Oeste: parte izquierda del panel (WEST o LINE_START)
Centro: parte central del panel, una vez que se hayan rellenado las cuatro partes
(CENTER)
5. Organización de componentes en contenedores
5. Organización de componentes en contenedores
Card Layout
Este es el tipo de composición que se utiliza cuando
se necesita una zona de la ventana que permita
colocar distintos componentes en esa misma zona.
Este layout suele ir asociado con botones de
selección, de tal modo que cada selección determina
el panel (grupo de componentes) que se presentarán.
5. Organización de componentes en contenedores
Grid Layout
La composición GridLayout proporciona gran
flexibilidad para situar componentes. El controlador
de posicionamiento se crea con un determinado
número de filas y columnas y los componentes van
dentro de las celdas de la tabla así definida.
5. Organización de componentes en contenedores
Grid Bag Layout
Es igual que la composición de GridLayout, con la
diferencia que los componentes no necesitan tener el
mismo tamaño. Es quizá el controlador de
posicionamiento más sofisticado de los que
actualmente soporta AWT.
5. Organización de componentes en contenedores
Box Layout
El controlador de posicionamiento BoxLayout es uno
de los dos que incorpora Java a través de Swing y
permite colocar los componentes a lo largo del eje X
o del eje Y. También posibilita que los componentes
ocupen diferente espacio a lo largo del eje principal.
5. Organización de componentes en contenedores
OverlayLayout
El controlador de posicionamiento OverlayLayout, es
el otro que se incopora a Java con Swing, y es un
poco diferente a todos los demás. Se dimensiona
para contener el más grande de los componentes y
superpone cada componente sobre los otros.