INTERFACES GRÁFICAS DE

USUARIO (GUIs)

CARRERA INGENIERÍA INFORMÁTICA

UNIVERSIDAD AUTONOMA “TOMÁS FRÍAS”

MSc.Lic. T. Coro F.
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

OBJETIVO
Realizar aplicaciones utilizando Interfaces
gráficas de usuario (GUIs) con Java.

Emplear el componente javax.swing.JOptionPane

para obtener datos de entrada y mostrar
mensajes de salida utilizando cuadros de diálogo.
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Características
Una de las fortalezas de Java es su rica colección de
clases predefinidas, las cuales pueden ser reutilizadas.

Los componentes GUI facilitan la entrada y salida de

datos.

La mayoría de las aplicaciones Java utilizan ventanas o

cuadros de diálogo para desplegar mensajes importantes
para el usuario.

La clase JOptionPane de Java permite desplegar un

cuadro de diálogo que contiene información y está
definida en el paquete llamado javax.swing
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Ejemplo:
import javax.swing.JOptionPane; //importa la clase JOptionPane
public class Cuadro{
public static void main(String[] args)
{ JOptionPane.showMessageDialo
g(
// termina el programa
null,”Programación II \n Inf 231 \n G-2”);
System.exit(0);

}
}
Barra de título
El cuadro de dialogo
modifica su tamaño
Permite al usuario automáticamente
para ajustarse al
retirar el cuadro tamaño de la
de diálogo cadena
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Constantes de JOptionPane para los diálogos de mensaje

TIPO DE DIÁLOGO DE MENSAJE ICONO DESCRIPCIÓN

JOptionPane.ERROR_MESSAGE Despliega un diálogo que indica un error

en la aplicación del usuario.

JOptionPane.INFORMATION_MESSAGE Despliega un diálogo con un mensaje de

información sobre la aplicación.

JOptionPane.WARNING_MESSAGE Despliega un diálogo que advierte al

usuario de la aplicación acerca de un
problema potencial.
JOptionPane.QUESTION_MESSAGE Despliega un diálogo que coloca una
pregunta para el usuario de la
aplicación.
JOptionPane.PLAIN_MESSAGE sin Despliega un diálogo que simplemente
icono contiene un mensaje sin icono.
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Conversión de cadenas de texto en datos numéricos

Cuando se lee un dato del teclado, se obtiene una cadena de texto ( Un objeto de
tipo String) que se deberá convertir en un dato del tipo adecuado utilizando los
siguientes metodos.

Método Descripción
b = Byte.parseByte(str) Cadena a Byte

s = Short.parseShort(str) Cadena a Short

i = Integer.parseInt(str) Cadena a entero

n = Long.parseLong(str) Cadena a entero largo

f = Float.parseFloat(str) Cadena a real

d = Double.parseDouble(str) Cadena a real doble

Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Ejemplo:
String cadena, // cadena introducida por el usuario
int i, // variable para recibir el dato convertido

// Leer el dato del usuario como una cadena:

cadena = JOptionPane.showInputDialog ("Introduzca un dato numérico");

// Convierte la cadena leída de tipo String a tipo int

i = Integer.parseInt (cadena);
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

ENTRADA DE DATOS

Método showInputDialog: Permite leer un dato del usuario como una cadena
desplegando un cuadro de diálogo.
Ejercicio 1:

String entrada;
entrada=JOptionPane.showInputDialog ( "Introduzca un valor" );
Éste es el indicador para el usuario
Éste es el campo
Cuando el usuario hace clic en de texto en el cual
Aceptar, el dato introducido el usuario
se devuelve al programa introduce el valor
como un String (cadena).
El programa debe convertir
La cadena en un número
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

ENTRADA DE DATOS

Ejercicio 2:

String entrada;
entrada = JOptionPane.showInputDialog ( null, "Introduzca un valor",
"Mi programa en Java", JOptionPane.QUESTION_MESSAGE );
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

ENTRADA DE DATOS

Ejercicio 3:

String entrada;
entrada = JOptionPane.showInputDialog ( null, "Introduzca un valor",
"Otro programa en Java", JOptionPane.INFORMATION_MESSAGE );
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

SALIDA DE DATOS

Método showMessageDialog: Permite desplegar los resultados en un

cuadro de diálogo.
Ejercicio 1:

JOptionPane.showMessageDialog ( null, “ ¡Bienvenido a Java! ” );

Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

SALIDA DE DATOS
Ejercicio 2:
JOptionPane.showMessageDialog ( null, “¡Bienvenido a Java!”,
“Programa de ejemplo”, JOptionPane.INFORMATION_MESSAGE );

Argumento 3: la cadena de la barra de título

Argumento 4: Argumento 2:
tipo de diálogo el mensaje a desplegar
de mensaje

El usuario hace clic

en aceptar para
ocultar el cuadro
de diálogo
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

SALIDA DE DATOS
Ejercicio 3:

JOptionPane.showMessageDialog ( null, “¡Bienvenido a Java!”,

“Programa de ejemplo”, JOptionPane.WARNING_MESSAGE );
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

SALIDA DE DATOS
Ejercicio 4:

JOptionPane.showMessageDialog ( null, “¡Bienvenido a Java!”,

“Programa de ejemplo”, JOptionPane.ERROR_MESSAGE );

Cuando se emplea JOptionPane es aconsejable llamar a

System.exit(0); para terminar la ejecución del programa.
Ejercicio: Realizar un programa para sumar dos enteros utilizando GUIs.
import javax.swing.JOptionPane; // importa la clase JOptionPane
public class Prog600 {
public static void main ( String args[] ) {
String primerNumero, // primera cadena introducida por el usuario
segundoNumero; // segunda cadena introducida por el usuario
int numero1, // primer número a sumar
numero2, // segundo número a sumar suma;
// suma de número1 numero2
// Leer el primer número del usuario como una cadena:
primerNumero = JOptionPane.showInputDialog ("Introduzca el primer dato");
// Leer el segundo número del usuario como una cadena:
segundoNumero = JOptionPane.showInputDialog ("Introduzca el segundo dato");
/ Convertir los números del tipo String a tipo int
numero1 = Integer.parseInt (primerNumero);
numero2 = Integer.parseInt (segundoNumero);
suma = numero1+numero2; // suma los números
/ desplegar los resultados:
JOptionPane.showMessageDialog (null,"La suma es "+suma,
"Resultados", JOptionPane. PLAIN_MESSAGE);
System.exit(0); // termina el programa
} // fin de main
} // fin de la clase Suma
Interfaces gráficas de usuario___________________________________MSc.Lic.T.Coro F.

Practica Tema Modo gráfico

1. Dado un número, determinar cuántos dígitos tiene. Cree un método para resolver el
problema modularmente utilizando interfaces gráficas de usuario.
A) Análisis del algoritmo B) Programa

2. Desarrollar un programa modular que permita calcular el factorial de un número entero

utilizando métodos, el programa debe controlar el valor de entrada del dato en un rango de
0 a 20 aplicando interfaces gráficas de usuario.
A) Análisis del algoritmo B) Programa

3. Dado dos números enteros diferentes, devolver el número mayor. Cree un método para
resolver el problema modularmente utilizando interfaces gráficas de usuario
A) Análisis del algoritmo B) Programa

4. Realizar un programa que encuentre números perfectos menores que 10000. Un número
entero es perfecto si la suma de sus divisores excepto el mismo número es igual al propio
número.
Ejemplo:
6 tiene como divisores 1, 2 y 3, entonces 6 = 1+2+3, por lo tanto 6 es un número
perfecto.

9 tiene como divisores 1 y 3, entonces 9 = 1+3, por lo tanto 9 No

es un número perfecto.
A) Análisis del problema B) Programa
 CARRERA INGENIERÍA INFORMÁTICA
PROGRAMACIÓN II (INF 231)

MSc.Lic. T. Coro F.

Muchas Gracias