Instituto Tecnolgico Superior de Felipe Carrillo Puerto

Unidad II
PRESENTA:

Humberto Pinelo Rivera

No. De Control: 111K0049 Aula: J-4 Semestre: IV Grupo: B

CARRERA: Ingeniera en Sistemas Computacionales

MATERIA: Tpicos Avanzados de Programacin

UNIDAD II: GUI (Interfaz Grfica de Usuario)

DOCENTE: MTI. Niels Henryk Arana Cuevas

Felipe Carrillo Puerto Quintana Roo a 29 de Abril del 2013

Ejemplo #1 Aplicacin al estilo MDI

1) Buscar el icono de NetBeans

2)

Abrir NetBeans

3) Una vez abierto vamos a Archivo/Proyecto Nuevo

4) Seleccionamos Java Application y pulsamos Siguiente

5) Escribimos el nombre del proyecto y pulsamos en el botn Terminar

6) En el nombre del proyecto, pulse el botn derecho/Nuevo/Formulario JFrame

7) Nombre al formulario como frmMenu y pulse el botn Terminar

8) Vamos a Archivo/Proyecto Properties

9) De ah vamos a Ejecutar y en Main Class pulsamos examinar

10) Seleccionamos frmMenu y damos clic en Seleccione la clase principal

11) En el cuerpo del formulario hacemos clic derecho/Activar gestor de distribucin/Diseo de Borde

12) En la parte derecha de la pantalla estn los elemento q podemos agregar; buscamos barra de men y la arrastramos a nuestro formulario

13) La barra de men trae dos opciones: File y Edit; las editamos pulsando sobre alguna de ellas cambiaremos File por el texto Formularios y Edit por Salir

14) Pulsamos en el formulario y desde la parte derecha arrastramos el objeto Panel de escritorio(JDesktopPane)

15) Pulsamos clic derecho sobre el panel de escritorio/Cambiar nombre de variable; y ponemos el nombre panelInterno

16) Creamos un submen para eso seleccionamos en la barra de men Formularios clic derecho/Aadir de paleta/Elemento de Men

17) En el tem creado damos dos clics pausados para cambiar el nombre

18) Creamos un nuevo formulario(JInternalFrame); hacemos clic derecho sobre el nombre del proyecto /Nuevo /Otro

19) Siguiendo con lo anterior buscamos dentro de Formulario de interfaz grfica de Swing, nuestro JInternalFrame y pulsamos en botn de siguiente.

20) En esta ventana ponemo el nombre de frmMantEmpleados y le damos clic sobre el boton terminar.

21) Ya en el nuevo formulario en el cuerpo de este hacemos clic derecho / Aadir de paleta / Contenedores Swing / Panel.

22) Repetimos el paso anterior el dejamos un panel en la mitad superior y el otro en la mitad inferior

23) Seleccionamos el panel superior damos clic derecho / Propiedades / Borde / Borde con ttulo / Titulo y ah escribimos Datos Generales del Empleado. Repetimos la operacin en el panel inferior y en este escribimos Lista de Empleados.

24) Arrastramos los objetos de la parte de la derecha para dejarla como a figura que se muestra

25) Ahora nos vamos a la parte del cdigo y tecleamos lo siguiente

26) Ahora procedemos a inicializar nuestro formulario con el siguiente codigo

27) Se programa el mtodo CargarAnyos() con el siguiente codigo

28) El mtodo CargarAnyos() con el siguiente cdigo:

29) El mtodo de detEdad() permite determinar la edad del empleado

30) Vamos a la parte de diseo y seleccionamos el objeto cmbAnyos damos clic derecho / Eventos / Item / ItemStateChanged

31) En el botn Agregar(btnAgregar) escribimos el siguiente codigo

32) Se agrega el cdigo proporcionado por el maestro

33) Y este es el proyecto terminado

Conclusin
Esta unidad trato acerca de GUI (Interfaz Grfica de Usuario), esto es la parte visual del programa normalmente en otro IDE de java se escribira el cdigo de cada fuente de eventos (componentes swing, etc.). NetBeans es una IDE que nos proporciona los elementos necesarios para crear aplicaciones de escritorio y nos apoya demasiado en la parte grafica ya q con el arrastre de los elementos se crea el cdigo automticamente. Es necesario aclarar que aunque NetBeans nos apoya mucho en la parte grafica (GUI), es importante conocer el cdigo para poder modificarlo y o mejorarlo.