Construccion de interfaces graficos con netbeans

Construcci´on de interfaces gr´aficos de usuario con Netbeans

9 de enero de 2004

´Indice
1. Creaci´
on del contenedor de objetos

1

2. Adici´
on de componentes al contenedor

3

3. Configuraci´
on de componentes

5

4. Construcci´
on de men´
us

6

5. Modificando el gestor de posicionamiento

6

6. Copiando objetos

7

7. Asistente de conexi´
on

7

8. Elgestor de posicionamiento GridBagLayout

9

9. A˜
nadir manejadores de eventos

11

10.Contenedores dentro de contenedores

13

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

14

12.Localizaci´
on de los programas ya terminados

17

1.

Creaci´
on del contenedor de objetos

La creaci´on del interfaz gr´afico de usuario (GUI) con Netbeans es muysencilla. Se comienza creando
un contenedor mediante una determinada plantilla, y luego se arrastran a ´el, los componentes visuales,
ajust´andoles las propiedades que se necesiten.
Vamos a crear un GUI simple. El GUI concatenar´a los strings de dos campos de texto y luego mostrar´a el resultado en un tercer campo de texto.
Ejecuta el entorno Netbeans, abre un directorio de trabajo, y crea un paquetepara 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´e directorio quieres usar para colocar el c´odigo fuente. Si el directorio ya est´a montado,
abre el directorio en la ventana Explorer. Si no est´a montado, pulsa con el bot´on derecho sobre
el nodo de m´as alto nivel deFilesystems, selecciona Mount Directory del men´
u contextual, y
monta el directorio.

4.

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

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

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

2.

Nombra AddStrings al nuevo JFrame, y pincha en Finish:

3.

El IDE abre una ventana Source Editor con el c´odigo Java para la nueva clase delJFrame.
Adem´as abre una ventana Form Editor, que incluye la paleta de componentes en la parte superior,
el inspector de componentes en la parte derecha y el panel editor del form bajo la paleta de
componentes.

2

Si observamos con alg´
un navegador de directorios lo que ha ocurrido tras los pasos anteriores, podemos comprobar que se ha creado un directorio llamado GuiDemoBasic quecontiene el fichero
AddStrings.java que contiene el c´odigo Java que aparece en el Source Editor. Adem´as aparece el
fichero AddStrings.form que es usado por el Form Editor para leer y guardar el form que estamos
creando. Este u
´ltimo fichero no es necesario para compilar ni ejecutar el programa.
El c´odigo Java creado con Netbeans puede ser exportado, compilado y ejecutado fuera del IDE encualquier entorno Java. Tambi´en el c´odigo Java creado en otros entornos puede ser importado, modificado, compilado y ejecutado en Netbeans. Pero,actualmente no hay ninguna forma de generar un
fichero .form a partir del c´odigo importado. Eso significa que el c´odigo importado debe modificarse a
mano, en lugar de con el Form Editor.

2.

Adici´
on de componentes al contenedor

La paleta decomponentes nos permite seleccionar qu´e componente queremos a˜
nadir al form. En la
parte superior derecha de la paleta aparecen varias solapas, con las distintas categor´ıas de componentes
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´on Selection Mode est´a pulsado.

3

Vamos a a˜...