Guía Interfaces Graficas

Colegio Mayor del Cauca

Programación Orientada a Objetos

1. Creamos un nuevo Proyecto sin clase Principal, le pondremos por nombre:

InterfazGrafica2:

2. Creamos un nuevo JFrame Form, le pondremos por nombre: Principal y lo pondremos en

el paquete vista:
3. Agregamos diseño libre para poder ubicar los componentes en cualquier posición del
JFrame:

4. Agregamos un Tabbed Pane de la barra de contenedores de la derecha y lo agrandamos

tanto como queramos:
5. Arrastramos un JPanel a al componente anterior y ponemos al panel agregado Diseño
Libre :

6. Seleccionamos el JTabbedPane, click derecho, Editar Texto y cambiamos su título:

7. Agregamos mas JPanel al JTabbedPane, para ello los arrastramos al JTabbedInicial, a cada
panel le configuramos las propiedad de diseño libre:
8. Seleccionamos la pestaña 1 del JTabbedPane y agregamos un botón y un campo de texto:
9. Al ejecutar el programa y después de editar los nombres, nos aparece algo asi:

10. Agregamos a la pestaña 1 un área de texto: TextArea:

11. Cada vez que presionemos Raíz se va ir consignando el valor en el área de texto, damos
doble click sobre el botón sobre la interfaz de diseño y trabajamos en el evento:
12. La variable cadena es de tipo String y global

13. Agregamos un combo box en la Pestaña 2:

14. Seleccionamos el combo box, damos click derecho y escogemos la opción customize code
y agregamos los ítems por defecto, los cambiamos por “1,2,3,4,etc”
15. Agregamos mas componentes a la pestaña 2 asi:
16. Manejamos el evento del ratón Raíz: