INGENIERIA DE TELECOMUNICACIONES PROGRAMACION III

INTRODUCCION A LA INTERFAZ GRAFICA EN JAVA NETBEANS

Orientador: Ing. JESS ENRIQUE DURN V.

Leccin 2. VENTANAS DE DIALOGO Y CAPTURA DE DATOS

1. En la carpeta del proyecto Clases_InterfazGrafica que contiene los paquetes mundo e interfaz,
con las clases Ex1WinBtn.java y PrimeraVentana.java, hacer una copia de los archivos de la leccin
anterior con los nombres de clase Ex2WinDialog.java y SegundaVentana.java (figura 1.1).

Figura 1.1

De igual manera, se debe cambiar el nombre de las clases al interior del cdigo de cada una de las clases
renombradas (figura 1.2).

Figura 1.2

1
En esta nueva leccin, se trabaja sobre la base del ejercicio desarrollado en la leccin 1.
Se cambia el texto de la etiqueta, por VENTANAS DE DIALOGO Y CAPTURA DE DATOS

Figura 1.3

2. Agregar un Campo de texto (TextField, en ingls), y en la seccin Propiedades, borrar el contenido

del campo text. (Ver figura 2).

Figura 2

2
3. Agregar una Etiqueta (JLabel), y en la seccin Propiedades, borrar el contenido del campo text,
y escribir Nombre: en dicho campo (Ver figura 3).

Figura 3-1

Repetir los pasos 2 y 3, y agregue un nuevo botn de comando (JButton), tal como se explic en la
leccin 1, hasta obtener la configuracin mostrada en la figura 3-2.

Figura 3-2

3
4. Dar un identificador a los elementos de la interfaz.
Seleccionamos el campo de texto, con click derecho, en la opcin Cambiar nombre de variable,
y le damos el identificador TFname :: TextField del campo Nombre (figura 4.1).

Figura 4-1

De igual manera en la seccin Propiedades, se pueden cambiar los atributos de estas variables.
Seleccionar el campo de texto 2, y cambiemos su identificador por TFage (TextField de la variable age).

Igualmente la opcin Modificadores de variable, al hacer click sobre el botn de la derecha con tres
puntos suspensivos, nos abre una nueva ventana, en donde se puede configurar el Modificador de
acceso de la variable (lo cambiamos de private a public) y seleccionamos static. (Figura 4.1).

Figura 4-2

Nota: Para el cuadro de texto TFname, aplicar igualmente los cambios de public y static.

4
5. Programacin del Botn Capturar Datos.
Creamos una nueva clase: Data.java en el paquete interfaz. Se crean las variables Integer edad
y String nombre, que sern contenedoras del valor capturado por los cuadros de texto respectivos
en la interfaz: TFname y TFage.
En los cuadros de texto, todo dato ledo se toma como de tipo cadena; por lo tanto, para el caso de
la variable edad se hace necesaria la conversin de tipo de dato por medio de la funcin parseInt.
(Figura 5).

Figura 5

5.1 Uso de JOptionPane

El mtodo imprimir Datos ( ) hace uso de la clase JOptionPane, que tiene por objeto mostrar en una
ventana los resultados de la captura de datos realizada en nuestro programa por los cuadros de
texto. Se debe importar dicha clase de la biblioteca javax.swing.JOptionPane.

Figura 5-1

5
5.2 Instanciacin de la clase Data.java. (Figura 5.1)

Figura 5-2

5.3 Programar el botn Captura Datos. En Design, dar doble-click sobre el botn de nuestro inters,
para desplegar el cdigo correspondiente;

Figura 5-3

Una vez creado el objeto datos (instanciando la clase Data), se agregan los mtodos de la clase
Data, capturaDatos ( ) e imprimirDatos ( ).

6
6. Ejecucin del programa.

Figura 6-1

Para que la ventana aparezca en el centro y no a un lado de la pantalla, ejecutamos el mtodo

setLocationRelativeTo (null) con el parmetro null, y de esta manera, aparecer la ventana inicial en
el centro de la pantalla.

Figura 6-2