1. GUI
Interfaz Grafica De Usuario
Por:
Carlos Alberto Ahumada Nova
Julián Yecid Alarcón Burgos

2. Componendas de interfaz grafica
de usuario
 javax.swing
 javax.awt
 Bibliografía

3. Elementos gráficos del paquete
javax.swing
Siguiente

4. 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

5. 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

6. 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

7. JCheckBox
 Es un control que representa dos estados
(On y Off ).
 Mismas propiedades y métodos que los
anteriores
Siguiente

8. 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

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

10. 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

11. 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

12. 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

13. Menús de la aplicación.
 Los menús han de ir en la ventana principal
 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

14. Contenedores
 Clase JToolBar
– Son botones de comando o conmutación.
– Se suelen emplear gráficos.
– Métodos setFlotable(boolean) y addSeparator()
Siguiente

15. JFileChooser
 Permite navegar por el sistema de ficheros, y seleccionar
uno o varios ficheros.
 Métodos importantes:
 – multiSelectionEnabled(boolean);
 – getSelectedFile();
Siguiente

16. 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

17. 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

18. Elementos gráficos del paquete javax.awt
Siguiente

19. CHECKBOX
 es una casilla a seleccionar, permite al usuario hacer
selecciones múltiples a partir de una serie de opciones
Siguiente

20. 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

21. 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

22. 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

23. TEXTFIELD
 es un objeto es un componente de texto que permite la
edición de una sola línea de texto.
Siguiente

24. 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

25. 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

26. 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

27. WINDOW
 Una ventana de objeto es una ventana de nivel superior
sin fronteras y sin barra de menú.
Siguiente

28. 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

29. FILE DIALOG
 Es un cuadro de dialogo pero para seleccionar fichero
Siguiente

30. FRAME
es una ventana con titulos y bordes, es un control u
objeto principal de una aplicacion visual o grafica
en java.
Índice

31. 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

32.  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

33.  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