02 - practica lenguaje programacion - ventanas
TRANSCRIPT
-
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