InterfazGrafica

Federico Peinado
www.federicopeinado.es
Depto. de Ingeniería del Software e
Inteligencia Artificial
disia.fdi.ucm.es
Facultad de Informática
www.fdi.ucm.es
Universidad Complutense de Madrid
www.ucm.es



Bibliotecas para programar interfaces gráficas de usuario (GUIs) en Java:
Abstract Windowing Toolkit (AWT), la primera que ofreció el lenguaje Java
Swing, muy popular y también integrada enJava
Standard Widget Toolkit (SWT), creada por IBM y usado en Eclipse
www.eclipse.org/swt
• JavaFX, orientado a la web como Flash o Silverlight
javafx.com/
• XML User Interface Language (XLU)
developer.mozilla.org/En/XUL
• …
•
•
•



Herramientas WYSIWYG (what you see is what you get) para crear GUIs:
NetBeans Swing GUI Builder (y ahora también para JavaFX)
http://netbeans.org/
• EclipseWindowBuilder (para Swing, SWT, RCP, XWT y GWT… ¡muy prometedor!)
www.eclipse.org/windowbuilder/
• JavaServer Faces, orientado a la web
www.oracle.com/technetwork/java/javaee/javaserverfaces-139869.html
• …
•

Laboratorio de Programación de Sistemas – Swing

2

 Abstract

Windowing Toolkit (AWT)

 “Look & Feel” dependiente de la plataforma
 La apariencia de ventanas, menús, etc. es distinta en
Windows,Mac, Motif, y otros sistemas

 Funcionalidad independiente de la plataforma
 Básico y experimental
 Único estándar que ofrecía Java hasta la versión 1.1.5

Laboratorio de Programación de Sistemas – Swing

3

 Swing

( desde JDK 1.1.5)

 “Look & Feel” y funcionalidad independiente de la
plataforma (“Java Look & Feel”)
 Los menús y controles son como los de las aplicaciones
“nativas“
 A lasaplicaciones se les puede dar una apariencia en función
de la plataforma específica

 Nuevas funcionalidades
 API de accesibilidad para personas con necesidades
específicas

Laboratorio de Programación de Sistemas – Swing

4

 Composición

aplicación

de la interfaz gráfica de la

• Elección de un contenedor (ventana) en la que se incluyen el resto de

los elementos gráficos de interacción
•Diseño del interfaz gráfico añadiendo componentes gráficos de
interacción (p.e. Botones, etiquetas, menús, ...)
• Establecer la ubicación de los elementos manualmente o mediante un
LayoutManager
 Un Layout Manager gestiona la organización de los componentes gráficos
de la interfaz

 Establecer

los gestores de eventos para
responder a las interacciones de los usuarios
con la interfaz gráfica
Visualizar la interfaz gráfica
Laboratorio de Programación de Sistemas – Swing

5

Tres elementos esenciales en la interfaz gráfica
Contenendores (containers)
File Edit

Help
offset

-- agrupan el resto de los elementos gráficos
(e.g. ventana principal de la aplicacion)

Componentes gráficos
-- elementos gráficos de interacción (e.g.,
botones)

Boton

Gestores de disposición
(LayoutManagers)
--algoritmo utilizado para organizar los
elementos gráficos dentro del contenedor
Laboratorio de Programación de Sistemas – Swing

offset
6

 Contenedores
• Contienen otros componentes (o contenedores)
 Estos componentes se tienen que añadir al contenedor y para
ciertas operaciones se pueden tratar como un todo
 Mediante un gestor de diseño controlan la disposición
(layout) de estos componentes enla pantalla
 Ejemplo: JPanel, JFrame, JApplet
 Lienzo (clase Canvas)
• Superficie simple de dibujo
 Componentes de interfaz de usuario
• botones, listas, menús, casillas de verificación, campos

de texto, etc.

 Componentes de construcción de ventanas
• ventanas, marcos, barras de menús, cuadros de

diálogo

Laboratorio de Programación de Sistemas – Swing

7

Jerarquía de clases
ObjectGraphics

Component

Button

Canvas
TextComponent

TextField

TextArea

Container

Window

Checkbox

Panel

Choice
Label

ScrollPane
Frame

Dialog

java.applet.
Applet

List
Scrollbar

FileDialog
Laboratorio de Programación de Sistemas – Swing

8

Laboratorio de Programación de Sistemas – Swing

9

Laboratorio de Programación de Sistemas – Swing

10

import javax.swing.*;
public class GUISimple...