Manejo De Guis En Java

Three Headed Monkey

Miércoles, 14 de Abril de 2010
Manual de creación de Interfaces de Usuario en Netbeans
Versión 2.1
Jesús Omar Álvarez Márquez
Three Headed Monkey

Miércoles, 14 de Abril de 2010
Manual de creación de Interfaces de Usuario en Netbeans
Versión 2.1
Jesús Omar Álvarez Márquez

Contenido
Introducción 2
Propósito del documento 2
Programas necesarios 2
Preparación del Proyecto3
Interfaz de GUI Builder 5
Zona de diseño 5
Paleta 6
Propiedades de elementos 6
Inspector 6
Nociones básicas de diseño 7
Añadir un elemento 7
Modificar atributos 7
Anclaje 8
Adición de Imágenes al Formulario 9
Crear una interfaz que interactúe con una BD 12
Creación del proyecto 12
Botones Personalizados 14

Introducción
Propósito del documento
Este manual está pensado para serutilizado como guía de referencia a la hora de crear interfaces de usuario en JAVA utilizando la herramienta “GUI Builder” que viene incluida en NetBeans.
Los métodos aquí descritos no son ni mucho menos exhaustivos, pues lo que se pretende es dar a conocer unas pautas básicas que sirvan como base de la creación de interfaces simples, dejando al interesado la tarea de investigar en mayor profundidad ala hora de utilizar técnicas más avanzadas.
Programas necesarios
Para poder llevar a cabo lo descrito en este manual sólo será necesario bajarse NetBeans de la siguiente página:
http://netbeans.org/index.html
En la fecha de creación de este documento, la última versión disponible es la 6.8, aunque según la propia página de descarga se pueden conseguir los mismos resultados desde la 6.5.Preparación del Proyecto
Para poder utilizar GUI Builder en un proyecto, éste se debe crear de una manera específica, siguiendo los pasos que se detallan a continuación:
1. Elegimos “File > New Project” o pulsamos directamente en el botón de “New Project” en la barra de herramientas.
2. Seleccionamos la carpeta que pone “Java”, y de ahí la opción que dice “Java Application”. Pulsamos “Next”.3. Rellenamos con los datos deseados el formulario, pero dejando marcadas las casillas “Create Main Class” y “Set as Main project”. Pulsamos “Finish”.

4. Ahora tenemos que crear el archivo que contendrá la GUI. Para ello pulsamos con el botón derecho sobre el icono del proyecto que hemos creado y elegimos “New > JFrame Form”.

5. Rellenamos el formulario poniéndole el nombre quedeseemos y el paquete que contendrá la interfaz. Pulsamos “Finish”.

6. Se nos debería abrir el archivo que hemos creado, mostrando la interfaz del GUI Builder.

Interfaz de GUI Builder

Zona de diseño
Esta es la zona que está contenida en el cuadrado rojo y que en un comienzo tan sólo contendrá un rectángulo vacío. Sirve para colocar los distintos elementos de la interfaz que estemos creando,cambiando sus parámetros (color, tamaño, etc) y, en definitiva, amoldándolos a los que queramos conseguir. En la parte superior tiene una barra de herramientas con diferentes elementos:
1. Source – Design: estos dos botones nos permiten cambiar entre modo de vista de código y gráfico. En el Gráfico podremos añadir los distintos elementos de la interfaz, mientras que en el de vista de código lesdaremos funcionalidad. Nótese que en la parte de código aparecerán zonas sombreadas de azul, lo que significará que ese trozo de código sólo puede ser editado mediante el GUI Builder y no de forma manual.
2. En esta parte tenemos 3 botones muy útiles.
a. Modo Selección: nos permite seleccionar los elementos de la interfaz y moverlos o cambiar su tamaño.
b. Modo Conexión: nos deja definirla relación entre dos elementos de la interfaz, sin tener que entrar en la vista de código.
c. Vista previa: aparece una interfaz preliminar para que podamos evaluar su funcionalidad antes de compilar.
3. Botones de autoajuste: con ellos podemos alinear los elementos de la interfaz de forma automática.
4. Pautas de autoredimensionamiento: indican si al ampliar la ventana principal de...