PRCTICA DE LENGUAJE DE PROGRAMACIN

Tema: Interfaces grficas Gestin de Ventanas 1. Continuando con nuestro proyecto Visor de imgenes vamos a proceder a implementar una ventana de dilogo que se mostrar cuando el usuario acceda a la opcin Acerca de de nuestro Men Ayuda. Por ello realiza los pasos que se indica: a) En el proyecto Visor agrega el siguiente elemento: Men Archivo > Nuevo > Otras > WindowBuilder > Swing Designer > JDialog con nombre dlgAcerca. b) En la clase dlgAcerca creada eliminar el mtodo main ya que sta clase no es la ventana principal sino secundaria. c) Cambia a vista vista Design y desde la pestaa Structure (Components) elimina los objetos ContentPanel y buttonPane. De tal forma que solamente debera quedar el JFrame. Nota: En una programa Java basado en Swing slo debera haber un JFrame para la ventana principal y varios o ningn JDialog para las ventanas secundarias.

2. Generalmente un programa adems de los archivos de cdigo fuente se compone de archivos de recursos como imgenes, libreras, etc. Tal es el caso de nuestro Visor, necesitamos algunos grficos, para ello realiza: a) En el proyecto Visor dentro del directorio src crea un directorio llamado imagenes. Puedes hacerlo desde Eclipse o desde el explorador de archivos del Sistema Operativo. b) En el directorio creado imagenes pega algunos archivos de grficos, iconos, etc. c) Luego hay que actualizar el proyecto con los archivos adjuntados, as: En el explorador de paquetes del entorno Eclipse presiona F5 o con el men contextual escoge la opcin Renovar (siempre dentro de nuestro proyecto Visor). Nota: La ventaja de hacer esto (adjuntar recursos imagenes, iconos, etc.) es que se distribuyen junto y dentro de nuestro programa. 3. Bien, ahora disearemos la interfaz de nuestro cuadro de dilogo dlgAcerca. Para ello en Vista diseo inserta los componentes que se listan (observe el grfico ms abajo): Propiedades OBJETO JLabel JButton JLabel JLabel Variable Logo btnAceptar Aceptar VISOR DE IMAGENES v1.0 Ingresa tu nombre aqu text

Prof. Simn Quispeluza M.

Pg. 1

IESPP-Jos Jimnez Borja

El cuadro de dilogo sera semejante a este:

4. Para insertar el cono en el botn btnAceptar acceda a la propiedad icon (panel Structure) y en el cuadro de dilogo que aparece seleccionar:

5. Modificar el constructor de dlgAerca de tal forma que reciba dos parmetros que sern el JFrame padre (Contenedor) y un valor booleano que estable si ser Modal (true) o no modal, as:
public DlgAcerca(JFrame padre, boolean modal) { super(padre, modal); // llamar al constructor heredado setResizable(false); // no modificar tamao del DlgAcerca setTitle("Acerca de...");

6. Para centrar nuestro dlgAcerca respecto al JFrame padre, no olvidar agregar la instruccin:
setLocationRelativeTo(padre); // centrar

Prof. Simn Quispeluza M.

Pg. 2

IESPP-Jos Jimnez Borja

7. Tambin programar el actionPerdormed del btnAceptar como sigue:

btnAceptar.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { dispose(); // descargar y liberar dlgAcerca } });

8. Ahora vamos a cargar una imagen en tiempo de ejecucin (a nivel de cdigo) para ser mostrada en el lblLogo, agregue al final del constructor de dlgAcerca las siguientes sentencias:
// ajustar imagen en el JLabel lblLogo ImageIcon logo = new ImageIcon(getClass().getResource("imagenes/estampa.png")); Icon icono = new ImageIcon(logo.getImage().getScaledInstance(lblLogo.getWidth(), lblLogo.getHeight(), Image.SCALE_DEFAULT)); lblLogo.setIcon(icono);

9. Por ltimo programar el actionPerformed de la opcin Acerca de... del menu Ayuda de nuestro Visor:

mntmAcerca.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { DlgAcerca acerca = new DlgAcerca(frame, true); // crear dlgAcerca acerca.setVisible(true); // mostrar } });

10. Ejecutar el programa y corregir posibles errores. 11. Ahora veremos como exportar nuestro programa como un archivo .jar de tal manera que pueda ejecutarse de independiente, esto es bajo la mquina virtual de java (VM java). Realiza los siguientes Prof. Simn Quispeluza M. Pg. 3 IESPP-Jos Jimnez Borja

pasos: a) Seleccionar desde Eclipse: Men Archivo > Exportar b) Seleccionar Java > Archivo JAR ejecutable

c) Botn Siguiente. Luego:

Indicar la clase principal del visor

d) Haz clic en Finalizar y luego pruebe ejecutar el archivo .jar Actividad propuesta: Agregar una opcin adicional al menu Ayuda del Visor de tal forma que al seleccionarlo muestre un cuadro de dilogo definido por ud. -oProf. Simn Quispeluza M. Pg. 4 IESPP-Jos Jimnez Borja