como crear un formulario

INSTITUTO TECNOLÓGICO DE VERACRUZ
TÓPICOS SELECTOS DE PROGRAMACIÓN
Práctica4: Programación Visual en Netbeans
Profesor: Héctor Andrade Gómez
En ésta práctica vamos a crear una interfase gráfica para calcular el sueldo de una persona
utilizando la ayuda para programación visual de NetBeans. en la primera parte crearemos los
componentes y los distribuiremos en el área de trabajo. En lasegunda parte agregaremos el
código para realizar el cálculo.

Abre Netbeans y selecciona File->New Project->General->Java Application. Deberá
aparecer una pantalla como esta:

Oprime Next. Vamos a crear una aplicación con una interfase gráfica que calcule e
imprima el sueldo de un trabajador a partir de las horas trabajadas. Al terminar la
práctica, el programa resultante deberá producir unapantalla similar a esta:

Regresemos al NetBeans, en la pantalla que aparece, deja el nombre por default del
proyecto.

Selecciona un directorio para esta aplicación. Deselecciona el botón “Create Main
Class” Presiona “Finish” y debes tener una pantalla como la siguiente:

Para crear la interfase, debes usar el editor de formas y crear un contenedor para tu
aplicación usando una formaespecífica. Los contenedores mas generales son: JFrame,
Jdialog y JApplet. Cada componente debe ser parte de alguna jerarquia que es una árbol
de componentes que tiene un contenedor general como la raíz. Cada contenedor tiene un
“content pane” o área visible que contiene los componentes visibles de ese contenedor.
Puedes agregar una barra de menú a un contenedor general.
Ahora, selecciona el menuFile->New File y selecciona “Java GUI Forms”. Nota los
Tipos de archivo que aparecen a la derecha. Para esta aplicación usaremos un “JFrame”.
Selecciona “JFrame Form” y dale Click al boton “Next”. Nombra al Frame
“SamplesFrame” y dale click al boton “Finish”. Deberá aparecer una pantalla como
esta:

Para ver el código creado por NetBeans, selecciona “Source”. Puedes en todo momento
ver elcódigo o regresar al diseño de la forma oprimiendo “Design”
Con el editor de formas, pueder agregar y editar componentes utilizando cualquiera de
las tres areas de trabajo:
Palette – Contiene los componentes y “Layout managers”
Inspector – Despliega la estructura jerárquica de los componeentes
Properties – Despliega las propiedades del componente seleccionado.

Hasta ahora, has creado unproyecto y un JFrame llamado SamplesFrame. Ahora vamos
a agregar componentes. Dale Click al componente JTabbedPane que se encuentra en
Palette, y colócalo en el area blanca de tu diseño. Ahora, has click en JPanel y colócalo
adentro del JTabbedPane. Esto ha agregado un JPanel al JTabbedPane, agrega otro
JPanel procurando colocarlo en la parte superior de tal forma que se agrege al mismo
niveldel JPanel anterior. Debes tener algo similar a esto:

Puedes observar las propiedades de cada objeto seleccionándolo en la ventana del
“Inspector”
Vamos a cambiar el texto de cada pestaña. Selecciona cada uno de los JPane y en el area
de propiedades cambia el título (Tab Title). Cambia el título de la pestaña 1 por
“Calculadora” y el de la dos por “Imagen”
Ahora, vamos a establecer comovan a ser desplegados los componentes. En la ventana
de “Inspector” dale click derecho al JFrame, y selecciona Set Layout-> GridBagLayout.
Vamos a agregar mas componentes al JPanel1. Selecciónalo (al JPanel1) en la ventana
del inspector y vamos agregar 8 etiquetas (JLabel) dos Campos de Texto (JTextField) y
un botón (JButton)
Tu ventana del Inspector y del diseño debe ser algo parecido a esto:Ahora vamos a cambiar los títulos de los componentes. En el caso de las etiquetas 6,7 y
8 no pondremos títulos pues las usaremos para desplegar los cálculos. Al final debe
quedar algo asi:

o puedes ejecutar el archivo
Puedes probar tu diseño oprimiendo el botón
seleccionando Run->Run File->SamplesFrame.java. La pantalla debe ser algo parecido
a esto:

Con esto terminamos la...