GUI

Interfaz Grafica De Usuario

Por:
Carlos Alberto Ahumada Nova
Julián Yecid Alarcón Burgos
Componendas de interfaz grafica
de usuario

 javax.swing

 javax.awt
 Bibliografía
Elementos gráficos del paquete
javax.swing

Siguiente
 Clases del paquete Swing
● Todos los componentes heredan de
javax.swing.JComponent
● JFrame será la base para la
aplicación principal.
● JDialog construirá los dialógos
(ventanas).
● El resto de clases serán
componentes simples. Siguiente
 JButton
Es un botón que puede contener texto, gráficos, o ambos

● Fijar el texto siempre centrado, en caso de contener

una imágen, ha de ir a la izquierda o encima del texto.
●Incluir “...” si precisa de más información para llevar a
cabo la ejecución.
Siguiente
 JToggleButton
 Es un botón que representa dos estados (On y Off).
 Mismas características que el JButton.
 Puede emplearse como dos tipos de opciones.
 ➔ Independientes (Checkboxes).

 ➔ Exclusivas (RadioButton).

Siguiente
 JCheckBox
 Es un control que representa dos estados
(On y Off ).

 Mismas propiedades y métodos que los

anteriores

Siguiente
 JRadioButton
Permiten seleccionar una única opción dentro de un
conjunto de opciones relacionadas.

Sólo puede haber una opción

seleccionada a la vez.
Siguiente
 JRadioButton
 Los botones de radio (como los checkboxes),
suelen aparecer agrupados, con una leyenda
identificativa

Siguiente
 JComboBox
 Esta componente nos permite, al hacer
click sobre ella, seleccionar una opción de
entre un conjunto, todas ellas mutuamente
exclusivas.
● Ejemplo:
private String[] contenidos
={"Manzana","Naranja","Platano","Tiburon","Tomate","Trucha"};
private JComboBox jComboBox1 = new JComboBox(contenidos);
String nombre= (String)
jComboBox1.getSelectedItem();
jTextField1.setText("Esto es un " +
nombre);
jLabel2.setIcon(new
ImageIcon("imagenes/"+nombre+".gif"));

Siguiente
 JList
 Es un componente que muestra un conjunto de ítems
 de texto, gráfico o ambos.
 Permite tres tipos de selección:
1. Ítem único
2. Rango simple
3. Rango múltiple
Mediante el método:
 .setSelectionMode(ListSelectionModel.SELECTION);

Siguiente
 Componentes para texto
JLabel
– Muestra texto, gráficos o ambos, sólo lectura.
JTextArea
– Espacio rectangular en el que ver y editar múltiples líneas de texto.

JTextField
– Muestra una linea de texto que puede ser editable.

JPasswordField
– Oculta los caracteres introducidos por el usuario.

Siguiente
 Menús
 Los menús han de ir en la ventana principal de la aplicación.
 Es posible asignarles un gráfico.
 Cada título de menú debe tener su mnemotécnico.
 Pueden ser de tres tipos:
– Drop-Down
– Submenu
– Contextuales

Son las clases

JMenuBar, JMenu
y JMenuItem.
Siguiente
 Contenedores
 Clase JToolBar

– Son botones de comando o conmutación.

– Se suelen emplear gráficos.
– Métodos setFlotable(boolean) y addSeparator()
Siguiente
 JFileChooser
 Permite navegar por el sistema de ficheros, y seleccionar
uno o varios ficheros.
 Métodos importantes:
 – multiSelectionEnabled(boolean);
 – getSelectedFile();

Siguiente
 JOptionPane
Permite adaptar y crear varias clases de diálogos,
especificando por ejemplos los iconos, el título y texto
de los diálogos.
● Los iconos estándar son: question, information,
warning
y error.
● Los métodos principales son:
– showMessageDialog
– showConfirmDialog

Siguiente
 Layouts
 Indican la forma de organizar los componentes dentro
 de un contenedor, determinando el tamaño y la
 posición.
 Para su uso:
 – Crear el contenedor.
 – Establecer el layout.
 – Agregar los componentes el contenedor.

Índice
Elementos gráficos del paquete javax.awt

Siguiente
 CHECKBOX

 es una casilla a seleccionar, permite al usuario hacer

selecciones múltiples a partir de una serie de opciones

Siguiente
LABEL

 Es una Una Etiqueta de objeto es un componente para

la colocación de texto en un contenedor. La etiqueta
muestra una sola línea de texto de sólo lectura. El texto
se puede cambiar por la aplicación, pero el usuario no
puede editar directamente.

Siguiente
LIST

 Una colección ordenada (también conocida como

una secuencia ). El usuario de esta interfaz tiene un control
preciso sobre donde en la lista de cada elemento se
inserta. El usuario puede acceder a los elementos por su
índice de enteros (posición en la lista), y la búsqueda de
elementos en la lista.

Siguiente
 SCROLLBAR

 es una barra de desplazamiento que continua con

texto, imágenes o cualquier otra
cosa desplazado incluyendo vistas incluso si no encajar
en el espacio en una pantalla de ordenador

Siguiente
 TEXTFIELD

 es un objeto es un componente de texto que permite la

edición de una sola línea de texto.

Siguiente
 TEXTAREA

es un objeto es una región multi-línea que muestra

texto. Se puede configurar para permitir la edición o ser
de sólo lectura

Siguiente
 CANVAS

 es un componente representa un área en blanco

rectangular de la pantalla en la que la aplicación puede
dibujar o desde el que la aplicación puede atrapar
eventos de entrada del usuario.

Siguiente
 PANEL

 Panel es la clase más simple contenedor. Un panel

proporciona un espacio en el que una aplicación puede
adjuntar cualquier otro componente, incluyendo otros
paneles.

Siguiente
 WINDOW

 Una ventana de objeto es una ventana de nivel superior

sin fronteras y sin barra de menú.

Siguiente
 DIALOG

 Es una ventana de dialogo con un título y un borde que

se suele utilizar para tomar algún tipo de intervención
del usuario
Siguiente
 FILE DIALOG

 Es un cuadro de dialogo pero para seleccionar fichero

Siguiente
 FRAME

es una ventana con titulos y bordes, es un control u

objeto principal de una aplicacion visual o grafica
en java.
Índice
 Bibliografía
 http://www.polinux.upv.es/drupal/files/charlaSwing.pdf
 http://www.google.com.co/imgres?q=ventana+de+javax.swing&um=1&hl=es&b
iw=1360&bih=677&tbm=isch&tbnid=HPxz_UQdsbubpM:&imgrefurl=http://re
vista.python.org.ar/4/es/html/jython.html&imgurl=http://revista.python.org.a
r/4/es/images/jython/preview.png&w=463&h=271&ei=7GJGUKKXAuPz0gGMn
ICIDA&zoom=1&iact=hc&vpx=497&vpy=394&dur=293&hovh=172&hovw=294&
tx=132&ty=73&sig=117098364017819051152&page=1&tbnh=106&tbnw=181&start=
0&ndsp=17&ved=1t:429,r:13,s:0,i:108
 http://www.google.com.co/search?num=10&hl=es&site=imghp&tbm=isch&sou
rce=hp&biw=1360&bih=677&q=JOptionPane&oq=JOptionPane&gs_l=img.12...0
.0.0.891.0.0.0.0.0.0.0.0..0.0...0.0...1ac.d-K5x_ZYrSA
 http://www.google.com.co/search?hl=es&cp=7&gs_id=2&xhr=t&q=layouts&ba
v=on.2,or.r_gc.r_pw.r_qf.&biw=1360&bih=677&um=1&ie=UTF-
8&tbm=isch&source=og&sa=N&tab=wi&ei=pHNGUPqBBYWS6wGwqIG4Bg#u
m=1&hl=es&tbm=isch&sa=1&q=layouts+programacion+&oq=layouts+programa
cion+&gs_l=img.3...4001.8858.0.8996.16.15.1.0.0.1.633.3885.2-
1j5j3j1.10.0...0.0...1c.KkSzPOEZ5hU&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=af5a
2bc4151a4b7a&biw=1360&bih=677

Siguiente
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/FileDialog.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/Dialog.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/Window.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/Panel.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/Canvas.html

Siguiente
 http://download.java.net/jdk7/archive/b123/docs/api/j
ava/awt/TextArea.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/TextField.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/util/
List.html
 http://docs.oracle.com/javase/1.4.2/docs/api/java/awt
/Label.html

Índice