7/31/2019 02 - Practica Lenguaje Programacion - Ventanas

1/4

PRCTICA DE LENGUAJE DE PROGRAMACIN

Tema: Interfaces grficas Gestin de Ventanas1. 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 > JDialogcon nombre dlgAcerca.

b) En la clase dlgAcerca creada eliminar el mtodo main ya que sta clase no es la ventana principalsino 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 desdeEclipse 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 contextualescoge la opcin Renovar (siempre dentro de nuestro

proyecto Visor).

Nota: La ventaja de hacer esto (adjuntar recursosimagenes, 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 Vistadiseo inserta los componentes que se listan (observe el grfico ms abajo):

OBJETOPropiedades

Variable text

JLabel Logo

JButton btnAceptar Aceptar

JLabel VISOR DE IMAGENES v1.0

JLabel Ingresa tu nombre aqu

Prof. Simn Quispeluza M. Pg. 1 IESPP-Jos Jimnez Borja

7/31/2019 02 - Practica Lenguaje Programacion - Ventanas

2/4

El cuadro de dilogo sera semejante a este:

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

5. Modificar el constructor de dlgAerca de tal forma que reciba dos parmetros que sern el JFramepadre (Contenedor) y un valor booleano que estable si ser Modal (true) o no modal, as:

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

public DlgAcerca(JFrame padre, boolean modal) {super(padre, modal); // llamar al constructor heredadosetResizable(false); // no modificar tamao del DlgAcercasetTitle("Acerca de...");

7/31/2019 02 - Practica Lenguaje Programacion - Ventanas

3/4

7. Tambin programar el actionPerdormeddel btnAceptar como sigue:

8. Ahora vamos a cargar una imagen en tiempo de ejecucin (a nivel de cdigo) para ser mostrada en ellblLogo, agregue al final del constructor de dlgAcerca las siguientes sentencias:

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

10. Ejecutar el programa y corregir posibles errores.

11. Ahora veremos como exportar nuestro programa como un archivo .jar de tal manera que puedaejecutarse 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

btnAceptar.addActionListener(new ActionListener() {publicvoid actionPerformed(ActionEvent arg0) {

dispose(); // descargar y liberar dlgAcerca}

});

// ajustar imagen en el JLabel lblLogoImageIcon 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);

mntmAcerca.addActionListener(new ActionListener() {publicvoid actionPerformed(ActionEvent arg0) {

DlgAcerca acerca = new DlgAcerca(frame, true); // crear dlgAcercaacerca.setVisible(true); // mostrar

}});

7/31/2019 02 - Practica Lenguaje Programacion - Ventanas

4/4

pasos:

a) Seleccionar desde Eclipse: Men

Archivo > Exportar

b) Seleccionar Java > Archivo JAR

ejecutable

c) Botn Siguiente. Luego:

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

Prof. Simn Quispeluza M. Pg. 4 IESPP-Jos Jimnez Borja

Indicar la clase principal del visor