Java GUI
La librería Swing
Programación conducida por eventos
En programas tradicionales (basados en texto):
el programa controla el flujo de la ejecución
el programa controla la secuencia de las
entradas
Los programas con GUI son “event-driven”
la secuencia de las entradas controlan el flujo
de la ejecución
el sistema invoca código del usuario
Programación conducida por eventos
Código
del
sistema
Su código
Generación de eventos
1. Las acciones tales como: pulsar un botón, mover el
mouse, etc. son reconocidas e identificadas por los
sistemas operativos (OS) o la JVM.
2. Por cada acción el OS/JVM determinan cuál de los
programas que se están ejecutando recibirán la señal
(de la acción).
3. Las señales que la aplicaciones reciben del OS/JVM
como resultado de una acción son llamadas
eventos.
Generación de eventos
GUI
Acciones Mouse, Teclado,etc.
Sistema Operativo
JAVA API /Windows
Eventos
Métodos Métodos
Aplicación 1 Aplicación 2
Manejo de eventos
Una aplicación responde a los eventos ejecutando
código adecuado para cada tipo particular de eventos.
No todos los eventos necesitan ser tenidos en cuenta
por una aplicación. Por ejemplo: Una aplicación para
dibujar puede estar interesada sólo en movimientos del
mouse.
Como diseñador de una aplicación manejada por
eventos, deberá escribir clases/métodos para manejar
los eventos relevantes.
Java GUI
Java provee dos librerías para crear GUIs:
Java AWT (Abstract Window Toolkit)
Java Foundation Classes (JFC o Swing), a partir
de Java2
Java Foundation Classes
JFC es una colección muy
grande de software.
AWT y Swing son las dos
grandes familias para AWT Swing
desarrollo de GUI en el Drag & Drop
entorno Java.
2D API
JFC APIs
Accessibility
Java Foundation Classes
Swing
Implementada sin usar código nativo (100% Java),
con lo cual la GUI se verá de la misma forma en
distintas plataformas.
Basada en la arquitectura MVC.
Ofrece una amplia variedad de Look & Feel.
Los componentes de Swing continuarán siendo
mejorados en el futuro.
AWT y Swing
Los componentes de Swing tienen nombres que
comienzan con J.
Ejemplo: Button en AWT es JButton en Swing
Los componentes de AWT están en el paquete
[Link], los de Swing en [Link].
import [Link].*;
import [Link].*;
import [Link].*;
Paquetes JFC/Swing
• [Link]
• [Link] • [Link]
• [Link] • [Link]
• [Link] • [Link]
• [Link] • [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
Paquetes JFC/Swing
Componentes,
Control del incluyendo
“Look & Feel” componentes
Overview of JFC/Swing Packages
de Swing complejos
• [Link] • [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
• [Link]
Widgets basados en texto
Paquetes nuevos de eventos
( incluyendo html/rtf )
Aplicaciones basadas en GUI
El desarrollo de una aplicación basada en GUI requiere la
comprensión de:
Estructura de la jerarquía de herencia, que define el
comportamiento y atributos de los componentes en la GUI
de la aplicación.
Estructura de la jerarquía de contenedores, que
define cómo se disponen todos los componentes en la GUI
de la aplicación.
Manejo de eventos.
Jerarquía de Herencia
Contenedores en Swing
[Link]
JMenu
JMenuBar
JComponent
JLayeredPane
JRootPane
JPanel
JTabbedPane
JDesktopPane
JSplitPane
JPopupMenu JInternalFrame JScrollPane
JOptionPane JToolbar
Similar a
AWT
Componentes de Swing
La clase Component (y sus subclases) proveen soporte
para manejo de eventos, cambio del tamaño de un
componente, control de color y fuentes, pintado.
Un componente es un objeto de una subclase concreta.
Se distinguen dos clases de componentes:
Componentes de control de la GUI: la interacción
de la GUI con el usuario se realiza a través de ellos.
Contenedores: contienen otros componentes (u otros
contenedores).
Contenedores
Anidamiento de componentes (Jerarquía de contenedores
en contraste con la Jerarquía de herencia). Cada
programa Swing contiene al menos una.
Swing provee 4 contenedores de alto nivel (ventana
base de la GUI):
JFrame, JApplet, JDialog y JWindow.
La jerarquía está compuesta de diferentes capas.
Cada contenedor de alto nivel contiene un contenedor
intermedio conocido como “content pane ”. En casi todos
los programas no es necesario conocer qué hay entre el
contenedor de alto nivel y el content pane.
Jerarquía de contenedores
Ejemplo
import [Link];
import [Link];
import [Link];
import [Link];
public class Ejemplo {
public static void main(String args[]){
//Se crea un objeto JPAnel de 300X300 y color rojo
JPanel panelRojo =new JPanel();
[Link]([Link]);
[Link](300,300);
//Se crea una ventana de 300X300
JFrame ventana=new JFrame("Prueba en rojo");
[Link](100,100);
[Link](300,300);
[Link](true);
//Se coloca el JPanel en el content pane
Container contentPane=[Link]();
[Link](panelRojo);
}
}
Jerarquía de contenedores
La apariencia de una GUI está determinada por:
La jerarquía de contenedores
El Layout Manager de cada contenedor
Las propiedades de los componentes individuales
Todos estos ítems trabajan en conjunto para determinar
el efecto visual final.
Estructura de un JFrame
Content Panes
Usualmente es un JPanel.
En la mayoría de las aplicaciones Swing contiene casi
todo, excepto la barra de menú.
Debe ser creado explícitamente.
Contenedores de alto nivel
Applet Dialog Frame
Contenedores generales
Scroll Pane SplitPane
Panel
TabbedPane Toolbar
JFrame
Algunos métodos de JFrame
Para construir una ventana con un título y mostrarla:
JFrame theWindow = new JFrame( "Graffiti" );
[Link]( );
//idem [Link](true);
Para determinar su tamaño:
[Link](cyanMenuBar);
[Link]( 220, 100 );//o mejor
[Link]();
Nueva funcionalidad de JFrame
setDefaultCloseOperation(int) es la más importante:
DO_NOTHING_ON_CLOSE
HIDE_ON_CLOSE (default) oculta el frame cuando el
usuario lo cierra pero no se deshace de los recursos del
sistema asociados (puedo volver a mostrar).
DISPOSE_ON_CLOSE oculta el frame y llama al método
dispose(), para liberar recursos.
EXIT_ON_CLOSE, cierra la aplicación ([Link](0))
Hello World en Swing
import [Link].*;
import [Link].*;
public class HolaMundo {
public static void main(String[] args) {
JFrame frame = new JFrame("HolaMundoSwing");
final JLabel label = new JLabel("Hola Mundo");
[Link]().add(label);
//[Link](JFrame.EXIT_ON_CLOSE)
;
[Link](new
[Link](){
public void windowClosing(WindowEvent e){
[Link](0);
}
}
);
[Link]();
[Link](true);
}
}
Componentes atómicos
Componentes de tipo JPanel almacenan otros objetos
de la GUI tales como: botones, etiquetas, campos de
texto, etc. Estos objetos gráficos son considerados
componentes atómicos, puesto que no pueden almacenar
otros objetos de la GUI.
Componentes atómicos básicos
Buttons Combo Box List
Menu Slider Spinner Text Fields
Componentes atómicos no editables
Label Progress Bar Tool tip
Otros componentes atómicos
Color Chooser File Chooser
Table
Text Tree
API de los componentes GUI
Componente GUI en Java= class
Propiedades JButton
Métodos
Eventos
Componentes GUI
1.- Crear
Instanciar objeto: b = new JButton(“press me”);
2.- Configurar
Propiedades: [Link] = “press me”; (evitar en Java)
Métodos:
b2 = new JButton("Middle button", middleButtonIcon);
[Link]([Link]);
[Link]([Link]);
[Link](KeyEvent.VK_M);
[Link]("This middle button does nothing “
+ "when you click it.");
3.- Añadir
[Link](b);
4.- Manejar eventos
Características especiales
Los componentes Swing ofrecen características especiales:
Tool tip Cuando el cursor del mouse se detiene
sobre un componente se muestra una
línea de texto.
Mnemonic Se ejecuta una acción como resultado del
pulsado de una combinación de teclas.
Disable Un componente puede ser explícitamente
habilitado o deshabilitado.
Border Rodea un componente con un borde.
Características especiales
Tool tips
JButton button = new JButton ("Compute");
[Link] ("Calculate size.");
Mnemonic
[Link] ("C");
Disable
JButton button = new JButton (“Do It”);
[Link] (false);
import [Link].*;
import [Link].*;
import [Link].*;
public class UnJBoton {
public static void main(String args[]) {
Frame f = new Frame();
JButton b = new JButton("Pulsame");
[Link](b);
[Link]();
[Link](true);
[Link](new
ActionListener() {
public void
actionPerformed(ActionEvent e) {
[Link]("HOLA");
}
});
}
}
import [Link].*;
import [Link].*;
public class Botones extends JButton {
public static void main(String[] args) {
JFrame f = new JFrame();
Icon icon = new ImageIcon("[Link]");
Icon iconp = new ImageIcon("[Link]");
Icon iconr = new ImageIcon("[Link]");
Icon icond = new ImageIcon("[Link]");
JButton b1 = new JButton("Pulsame",icon);
JButton b2 = new JButton("Pulsame",iconp);
JButton b3 = new JButton("Pulsame",iconr);
JButton b4 = new JButton("Pulsame",icon);
[Link](false);
[Link](icond);
[Link](iconr);
[Link](iconp);
Container c = [Link]();
[Link](new FlowLayout());
[Link](b1);
[Link](b2);
[Link](b3);
[Link](b4);
[Link]();
[Link](true);
}
}
Características especiales
Bordes
JPanel myPanel = new JPanel();
Border myBorder = [Link]();
[Link](myBorder);
Empty Titled
Line Matte
Etched Compound
Bevel
Bordes
Anatomía de una aplicación GUI
JFrame
JFrame
JPanel contenedores
JPanel
JButton
JButton JLabel
JLabel
Estructura interna
GUI
Uso de un componente GUI
1. Crearlo
2. Configurarlo
orden
3. Añadir hijo (si es contenedor) importante
4. Añadir al padre (si no es JFrame)
5. Manejar los eventos
Construcción bottom up
Crear: Listener
Frame
Panel JLabel JButton
Componentes
Listener
JPanel
Añadir (bottom up)
Listeners a los componentes
Componentes al panel
JFrame
Panel al Frame
Window Layout
contenedores
componentes
Window Layout
Cada contenedor maneja la disposición de sus
componentes.
El programador sólo añade componentes, el contenedor
se encarga de la disposición de los mismos.
El contenedor usa un Layout Manager para manejar la
disposición de los componentes en el mismo.
Están disponibles diferentes Layout Managers.
El layout puede ser determinado especificando Layout
Managers para los contenedores.
Layout Managers
Hay varios Layout Managers predefinidos en:
FlowLayout (en [Link])
BorderLayout (en [Link])
CardLayout (en [Link])
GridLayout (en [Link])
GridBagLayout (en [Link])
BoxLayout (en [Link])
OverlayLayout (en [Link])
Layout Managers (LM)
Cada contenedor tiene un Layout Manager por defecto,
aunque se puede establecer otro LM para el mismo, de forma
explícita.
Para anular el LM por defecto se usa el método setLayout
(para contenedores de alto nivel se usa
getContentPane().setLayout().
El Layout Manager intenta ajustar la disposición de los
componentes en el contenedor cuando se añade un nuevo
componente o cuando el contenedor cambia de tamaño.
Puede crear su propio LM.
Layout Managers de AWT
null FlowLayout GridLayout
ninguno,
Left to right,
programador
Top to bottom
setea x,y,w,h
BorderLayout CardLayout GridBagLayout
n
w c e One at a time JButton
s
Null Layout
setLayout(null);
El programador es responsable de establecer el tamaño y
posición de cada componente (setBounds(x,y,w,h))
Combinaciones
JButton JButton
JTextArea
Combinaciones
JFrame JButton JButton
n
JPanel: FlowLayout
JPanel: BorderLayout
c
JTextArea