Usuario:ManuelRomero/ioGrafica

Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas.

CURSO: JAVA

ENTORNO GRÁFICO EN JAVA

I/O Grafico |  Interfazn gráfica: swing  |  Distribuidores de contenido Layouts  |  Delegación de eventos  |  GUI Builder Jigloo  | 

INTEFAZ GRÁFICO EN JAVA

• Java define el paquete javax.swing como un conjunto de clases para desarrollar interfaces gráficas.
• Antes eran definidas en java.awt, pero estas no eran independientes de la plataforma
• En el paquete java.awt siguen estando las clases para gestionar la colocación de objetos gráficos layout y tema de eventos
• Las clases del paquete siwng están escritas en java puro y sí son independientes de la plataforma
• Siwng el potencial de la clase para el interfaz gráfico de java
• Actualmente aparece la tecnología javaFX que también incluye desarrollos gráficos, en desarrollos web

CLASIFICACION

• Los elementos gráficos se pueden clasificar en

1. Contenedores como una ventana contendrán otros contenedores y contenidos
2. Contenidos como un botón que necesitans un contenedor para poder aparecer

• En el siguiente tema analizaremos esta clasificacion

A continuación estudiaremos contenedores específicos para

• Pedir datos
• Mostrar mensajes

Son cuadros de diágolo específicos implementados en la clase 'javax.swing.JOptionPane'

Definición

Dialogo modal En genera una ventana es modal por que hasta que no se cierre no se puede seguir con la ejecución del programa (en particular una caja de diálogo es un tipo especial de ventana)

JOptionPane y diálogos modales

Tenemos 4 posibilidades con cuatro de sus métodos

1. showOptionDialog() Nos muestra una serie de opciones y nos devuelve un entero con la opción seleccionada
2. showInputDialog() Permite que introduzcamos texto por un interfaz gráfico
3. showMessagedialog() Nos visualiza un mensaje
4. showConfirmDialog() Nos pide una confirmación

• Estos métodos están tanto disponibles para ventanas normales como para JInternalFrame.
• Están ventanas están creadas ya que responden a operativa muy habitual en desarrollos.

p.e pedir un dato, pedir una confirmación mostrar un mensaje,...

Parámetros de los métodos

Estos métodos tienen unos parámetros muy similares en sus constructores que se comentan a continuacion

Component parentComponent

Es el objeto padre de la ventana que contiene la caja de diálogo

La caja de diálogo se centrará en su padre

Su valor puede ser null en cuyo caso se centrará en la pantalla

Objetos Component pueden ser la ventana desde la que se llama o un botón,...(ver la diversidad)

Object mensaje Es el mensaje que aparece en el dialog. Casi siempre es un string

String title ==> Es el título de la caja dialogo

JOptionPane.showOptionDialog() 1 parámetros

• Tenemos sobrecargado el método con 1,2,3,4 o 6 parámetros.
• El método Retorna el String insertado o null si cancelamos

A continuación ponemos un ejemplo de cada uno.

• Argumentos Aquí solo le pasamos el mensaje

1. Object mensaje (Este object se convierte a string si le pasamos un string.

• El método Retorna el String insertado en el diálogo o null si cancelamos

import javax.swing.JOptionPane;
public class CajaDialogo {
	public static void main(String []a){
		String seleccion;
 
		/*Con un argumento
		 * Object mensaje ==> Es el mensaje que aparece en el dialog*/
		seleccion = JOptionPane.showInputDialog("Dime tu nombre");
		System.out.println("Nombre introducido "+seleccion);
	}//End de main
}//End de la clase

JOptionPane.showOptionDialog() 2 parámetros

• Argumentos Aquí le pasamos:

1. el Component padre del dialog o valor null
2. el Object mensaje que aparece en la pantalla

• Para este ejemplo creamos una ventana aunque todavía no hemos visto como hacerlo

public class CajaDialogo extends JFrame{//Mi clase extiende  de JFrame que es una típica ven window
	CajaDialogo(){ //Constructor que no hace nada
	}
	public static void main(String []a){
		String seleccion;
		CajaDialogo v = new CajaDialogo();//Defino la ventana princial
		v.setBounds(100,100,400,400); //Posición y tamaño de la ventana
		v.setTitle("Probando JOptionPane");//Le pongo título a la ventana principal
		v.setVisible(true);//Hago la ventana principal visible.
		/*Con dos argumento
		 * v ==> componet padre del dialog 
		 * Object mensaje ==> Es el mensaje que aparece en el dialog*/
		seleccion = JOptionPane.showInputDialog(v,"Dime tu nombre");
		System.out.println("Nombre introducido "+seleccion);
	}//End de main
}//End de la clase

JOptionPane.showOptionDialog() 3 parámetros

Ahora para simplificar el primer parámetro ponemos null y así no tenemos que crear la ventana principal

• Argumentos Aquí le pasamos:

1. Component padre del dialog o valor null
2. Object mensaje que aparece en la pantalla
3. Object texto por defecto el texto que aparece en la caja de diálogo (por defecto aparecía vacío)

import javax.swing.JOptionPane;
public class CajaDialogo {//Mi clase extiende  de JFrame que es una típica ven window
	public static void main(String []a){
		String seleccion;
		/*Con dos argumento
		 * v ==> componet padre del dialog 
		 * Object mensaje ==> Es el mensaje que aparece en el dialog
		 * Object textoDefecto ==> Es el texto que aparece por defecto en el dialog*/
		seleccion = JOptionPane.showInputDialog(null,"Dime tu nombre","Este es el texto por defecto");
		System.out.println("Nombre introducido "+seleccion);
	}//End de main
}//End de la clase

JOptionPane.showOptionDialog() 4 parámetros

Seguimos poniendo null al primer parámetro (component padre) para simplificar

• Argumentos Aquí le pasamos:

1. Component padre del dialog o valor null
2. Object mensaje que aparece en la pantalla
3. String titulo ==> Es el título de la caja de diálogo(Por defecto aparecía entrada)
4. int icono que se visualiza por defecto para indicar el tipo de mensaje. Valores posibles

   ERROR_MESSAGE
   INFORMATION_MESSAGE
   WARNING_MESSAGE
   QUESTION_MESSAGE
   PLAIN_MESSAGE 

CONSTANTES PARA ICONOS DE JOptionPane

'Constante JOptionPane'	JOptionPane.ERROR_MESSAGE	.INFORMATION_MESSAGE	.WARNIG_MESSAGE	.QUESTION_MESSAGE	.PLAIN_MESSAGE
'Constante numérica'	0	1	2	3	-1
Dialog generado

import javax.swing.JOptionPane;
import javax.swing.JFrame;
public class CajaDialogo {//Mi clase extiende  de JFrame que es una típica ven window
	public static void main(String []a){
		String seleccion;
		/*Con cuatro argumento
		 * null ==> componet padre del dialog 
		 * Object mensaje ==> Es el mensaje que aparece en el dialog
		 * String  titulo==> Es el título que aparece 
		 * int que representa el icono que se muestra 
*/
		seleccion = JOptionPane.showInputDialog(null, "Dime tu nombre","Icono de información",JOptionPane.INFORMATION_MESSAGE);
		System.out.println("Nombre introducido "+seleccion);
	}//End de main
}//End de la clase

JOptionPane.showOptionDialog() 7 parámetros

• En este caso en lugar de presentar una caja de texto para escribir
• Presentamos un combobox o caja combinada con diferentes opciones
• La lista de opciones se presenta en un array de objetos
• El método devuelve un object, ya que la lista es de object, aunque lo normal es trabajar con String

Seguimos poniendo null al primer parámetro (component padre) para simplificar

 public static void main(String []a){
  String estudios[]={"Ciclo Medio","Ciclo Superior","Diplomatura ","Ingeniería","Grado"};
  String seleccion =(String) JOptionPane.showInputDialog( //Debemos convertir el Object a String
	  			             null, //Component parent
			                     "Indica estudios", //String mensaje
				             "Estudios Realizados",//String título
				             JOptionPane.QUESTION_MESSAGE, //Icono por defecto
				             null, //Icono personalizado
				             estudios,//Object[] ==> Vector con valores
			                     estudios[2]//Valor por defecto seleccionado
			    );
	}//End de main
}//End de la clase

• Observar que el 5º parámetro es un Ico o icono que remplazaría al icono por defecto del 4º parámetro :

import javax.swing.Icon;
import javax.swing.ImageIcon;
import javax.swing.JOptionPane;
import javax.swing.JFrame;
public class CajaDialogo {//Mi clase extiende  de JFrame que es una típica ven window
	public static void main(String []a){
		String seleccion;
		String estudios[]={"Ciclo Medio","Ciclo Superior","Diplomatura ","Ingeniería","Grado"};
		Icon icono = new ImageIcon("iconos/cd.png");
		System.out.print("icono -"+icono.toString()+"-");
		seleccion =(String) JOptionPane.showInputDialog(
				null, //Component parent
			    "Indica estudios", //String mensaje
				"Estudios Realizados",//String título
				JOptionPane.QUESTION_MESSAGE, //Icono por defecto
				icono, //Icono personalizado
				estudios,//Object[] ==> Vector con valores
			    estudios[2]//Valor por defecto seleccionado
			    );
	}//End de main
}//End de la clase

• En este caso el directorio iconos están al mismo nivel que src dependiendo del directorio del proyecto

Tenemos un método JOptionPane.showOptionDialog() que nos muestra la ventana más configurable de todas, en ella debemos definir todos los botones que lleva. De hecho, las demás ventanas disponibles con JOptionPane se construyen a partir de esta. Por ello, al método debemos pasarle muchos parámetros:

• parentComponent: A partir de este componente, se intentará determinar cual es la ventana que debe hacer de padre del JOptionPane. Se puede pasar null, pero conviene pasar, por ejemplo, el botón desde el cual se lanza la acción que provoca que se visualice el JOptionPane. De esta manera, la ventana de aviso se visualizará sobre el botón y no se podrá ir detrás del mismo si hacemos click en otro sitio.
• message: El mensaje a mostrar, habitualmente un String, aunque vale cualquier Object cuyo método toString() devuelva algo con sentido.
• title: El título para la ventana.
• optionType: Un entero indicando qué opciones queremos que tenga la ventana. Los posibles valores son las constantes definidas en JOptionPane: DEFAULT_OPTION, YES_NO_OPTION, YES_NO_CANCEL_OPTION, o OK_CANCEL_OPTION.
• messageType: Un entero para indicar qué tipo de mensaje estamos mostrando. Este tipo servirá para que se determine qué icono mostrar. Los posibles valores son constantes definidas en JOptionPane: ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, o PLAIN_MESSAGE
• icon: Un icono para mostrar. Si ponemos null, saldrá el icono adecuado según el parámetro messageType.
• options: Un array de objects que determinan las posibles opciones. Si los objetos son componentes visuales, aparecerán tal cual como opciones. Si son String, el JOptionPane pondrá tantos botones como String. Si son cualquier otra cosa, se les tratará como String llamando al método toString(). Si se pasa null, saldrán los botones por defecto que se hayan indicado en optionType.
• initialValue: Selección por defecto. Debe ser uno de los Object que hayamos pasado en el parámetro options. Se puede pasar null.

La llamada a JOptionPane.showOptionDialog() devuelve un entero que representa la opción que ha seleccionado el usuario. La primera de las opciones del array es la posición cero. Si se cierra la ventana con la cruz de la esquina superior derecha, el método devolverá -1.

Aquí un ejemplo de cómo llamar a este método

int seleccion = JOptionPane.showOptionDialog(
   unComponentePadre,
   "Seleccione opcion", 
   "Selector de opciones",
   JOptionPane.YES_NO_CANCEL_OPTION,
   JOptionPane.QUESTION_MESSAGE,
   unIcono,    // null para icono por defecto.
   new Object[] { "opcion 1", "opcion 2", "opcion 3" },   // null para YES, NO y CANCEL
   "opcion 1");
 
if (seleccion != -1)
   System.out.println("seleccionada opcion " + (seleccion + 1));

y la ventana que se obtiene con el código anterior

JOptionPane.showInputDialog()

• Tenemos varios métodos JOptionPane.showInputDialog()
• Se puede hacer ya que variaos parámetros toman valor inicializado por defecto y no debemos pasarlos

Los parámetros y sus significados son muy similares a los del método showOptionDialog(), pero hay una diferencia. En este caso si pasamos un array de opciones se verán como un JComboBox

String seleccion = JOptionPane.showInputDialog(
   unComponentePadre,
   "Input dialog",
   JOptionPane.QUESTION_MESSAGE);  // el icono sera un iterrogante
 
System.out.println("El usuario ha escrito "+seleccion);

y la imagen que obtenemos con este código

En este segundo ejemplo, damos todas las opciones que queremos, obteniendo un JComboBox

// Con JCombobox
Object seleccion = JOptionPane.showInputDialog(
   unComponentePadre,
   "Seleccione opcion",
   "Selector de opciones",
   JOptionPane.QUESTION_MESSAGE,
   unIcono,  // null para icono defecto
   new Object[] { "opcion 1", "opcion 2", "opcion 3" }, 
   "opcion 1");
 
System.out.println("El usuario ha elegido "+seleccion);

y esta es la imagen que se obtiene.

JOptionPane.showMessageDialog()

• Esta es la más sencilla de todas, sólo muestra una ventana de aviso al usuario.
• La ejecución se detiene hasta que el usuario cierra la ventana.

JOptionPane.showMessageDialog(
   componentePadre,
   "Un aviso puñetero");
 
System.out.println("ya estas avisado");

y la imagen que muestra este código

JOptionPane.showConfirmDialog()

• Este método muestra una ventana pidiendo una confirmación al usuario,
• Pide confirmacion para llevar a cabo una accion
• El método devuelve un entero indicando la respuesta del usuario.
• Los valores de ese entero puede ser alguna de las constantes definidas en JOptionPane: ç

YES_OPTION, NO_OPTION, CANCEL_OPTION, OK_OPTION, CLOSED_OPTION.

El siguiente ejemplo de codigo

int confirmado = JOptionPane.showConfirmDialog(
   componentePadre,
   "¿Lo confirmas?");
 
if (JOptionPane.OK_OPTION == confirmado)
   System.out.println("confirmado");
else
   System.out.println("vale... no borro nada...");

muestra la siguiente imagen