Construccion De Interfaz Grafica De Usuario Con Netbeans

Construcci´n de interfaces gr´ficos de usuario con Netbeans
o
a

9 de enero de 2004

´
Indice
1. Creaci´n del contenedor de objetos
o

1

2. Adici´n de componentes al contenedor
o

3

3. Configuraci´n de componentes
o

5

4. Construcci´n de men´ s
o
u

6

5. Modificando el gestor de posicionamiento

6

6. Copiando objetos

7

7. Asistente de conexi´n
o

78. El gestor de posicionamiento GridBagLayout

9

9. A˜ adir manejadores de eventos
n

11

10.Contenedores dentro de contenedores

13

11.Creaci´n de un panel para dibujar y gestionar sus eventos
o

14

12.Localizaci´n de los programas ya terminados
o

17

1.

Creaci´n del contenedor de objetos
o

La creaci´n del interfaz gr´fico de usuario (GUI) con Netbeans es muysencilla. Se comienza creando
o
a
un contenedor mediante una determinada plantilla, y luego se arrastran a ´l, los componentes visuales,
e
ajust´ndoles las propiedades que se necesiten.
a
Vamos a crear un GUI simple. El GUI concatenar´ los strings de dos campos de texto y luego mosa
trar´ el resultado en un tercer campo de texto.
a
Ejecuta el entorno Netbeans, abre un directorio de trabajo, ycrea un paquete para el programa que
vamos a crear:
1.

Ejecuta el IDE.

2.

Pincha en la solapa GUI Editing de la ventana principal para cambiar al modo GUI.

3.

Decide qu´ directorio quieres usar para colocar el c´digo fuente. Si el directorio ya est´ montado,
e
o
a
abre el directorio en la ventana Explorer. Si no est´ montado, pulsa con el bot´n derecho sobre
a
o
el nodo dem´s alto nivel de Filesystems, selecciona Mount Directory del men´ contextual, y
a
u
monta el directorio.

4.

Pincha con el bot´n derecho el directorio montado, selecciona New → Java Package. Llama
o
GuiDemoBasic al nuevo paquete. Esta operaci´n se muestra en la siguiente figura.
o
1

A continuaci´n, crea el contenedor a partir de una plantilla. Nosotros elegiremos JFrame para esteo
programa. Otros posibles contenedores son Applet, Dialog, Frame o Panel de AWT, y JApplet,
JDialog, JInternalFrame, JFrame o JPanel de Swing.
1.

Pincha con el bot´n derecho en el nuevo paquete GuioDemoBasic, y selecciona New →
o
JFrame Form del men´ contextual.
u

2.

Nombra AddStrings al nuevo JFrame, y pincha en Finish:

3.

El IDE abre una ventana Source Editor con el c´digoJava para la nueva clase del JFrame.
o
Adem´s abre una ventana Form Editor, que incluye la paleta de componentes en la parte superior,
a
el inspector de componentes en la parte derecha y el panel editor del form bajo la paleta de
componentes.

2

Si observamos con alg´n navegador de directorios lo que ha ocurrido tras los pasos anteriores, pou
demos comprobar que se ha creado undirectorio llamado GuiDemoBasic que contiene el fichero
AddStrings.java que contiene el c´digo Java que aparece en el Source Editor. Adem´s aparece el
o
a
fichero AddStrings.form que es usado por el Form Editor para leer y guardar el form que estamos
creando. Este ultimo fichero no es necesario para compilar ni ejecutar el programa.
´
El c´digo Java creado con Netbeans puede ser exportado, compiladoy ejecutado fuera del IDE en
o
cualquier entorno Java. Tambi´n el c´digo Java creado en otros entornos puede ser importado, moe
o
dificado, compilado y ejecutado en Netbeans. Pero,actualmente no hay ninguna forma de generar un
fichero .form a partir del c´digo importado. Eso significa que el c´digo importado debe modificarse a
o
o
mano, en lugar de con el Form Editor.

2.

Adici´n decomponentes al contenedor
o

La paleta de componentes nos permite seleccionar qu´ componente queremos a˜adir al form. En la
e
n
parte superior derecha de la paleta aparecen varias solapas, con las distintas categor´ de componentes
ıas
que podemos usar. Los tres botones de la parte izquierda de la paleta se usan para definir el modo del
Form Editor. Por ahora, aseguraos que el bot´n Selection...