GUIA 6

Interfaz Grfica en NetBeans IDE 6.1

Facultad: Ingeniera
Escuela: Computacin
Asignatura: Java.

I. OBJETIVOS

Que el estudiante pueda crear interfaces graficas en NetBeans IDE 6.1.

Que el estudiante se familiaric con las instrucciones en NetBeans IDE 6.1.
II.INTRODUCCION

Introduccin a la generacin de interfaces de usuario:

El Constructor de interfaces de usuario del IDE NetBeans (conocido anteriormente como
el Proyecto Matisse) es un mdulo del Entorno de Desarrollo Integrado NetBeans.
Este editor de interfaces grficas est orientado hacia la librera grfica Swing de Java. Es
decir, que nicamente produce cdigo fuente para Java.
En NetBeans 6.1 el generador de interfaces grficas de usuario se ha hecho ms
eficiente: ahora es ms potente e intuitivo, y permite a los usuarios generar interfaces
grficas de usuario de aspecto profesional sin necesidad de profundizar en el
conocimiento de los administradores de diseo.
El nuevo generador de interfaces grficas de usuario de NetBeans acaba con las
dificultades inherentes a la generacin de interfaces grficas de usuario, lo que permite
disear formularios colocando simplemente los componentes donde desee.

Creacin de un proyecto:
Dado que todo el desarrollo de Java en el programa tiene lugar dentro de los proyectos,
primero se debe crear un proyecto en el que guardar los orgenes y otros archivos del
proyecto.

GUA 6

pg. 1

Para crear un proyecto de aplicacin.

Seleccione Archivo > Nuevo proyecto. Tambin puede hacer clic en el icono
Nuevo proyecto (New Project) de la barra de herramientas del programa.

En el panel Categoras (Categories), seleccione Java y, en el panel Proyectos

(Projects), elija Aplicacin Java. Al finalizar haga clic en Siguiente (Next).

Creacin de Nuevo Proyecto.

GUA 6

pg. 2

Escriba JavaGuia6 en el campo Nombre de proyecto (Project Name) y

especifique la ubicacin del proyecto.

Compruebe que la casilla de verificacin Configurar como proyecto principal est

seleccionada y anule la seleccin de la opcin Crear clase principal en caso de
que est marcada.

Haga clic en Finalizar (Finish).

Creacin de un contenedor de interfaces grficas de usuario.

Una vez creada la nueva aplicacin, ver que la carpeta Paquetes de origen de la ventana
Proyectos contiene un nodo <paquete predeterminado> vaco. Para continuar generando
la interfaz, debe crear un contenedor Java en el que colocar los otros componentes
necesarios de la interfaz grfica de usuario. En este paso, crearemos un contenedor
utilizando el componente JFrame y lo colocaremos en un nuevo paquete.
Para crear un contenedor de JFrame:

En la ventana Proyectos (Project), haga clic con el botn derecho en el nodo

JavaGuia5 y elija Nuevo (New) > Formulario JFrame (JFrame Form).

GUA 6

pg. 3

Escriba PruebaFormulario en Nombre de la clase (Class Name).

Escriba javaguia5 como paquete.

Haga clic en Finalizar.

Aspectos generales del generador de interfaces grficas de usuario

Una vez creado el proyecto para la aplicacin, dedicaremos unos minutos a
familiarizarnos con la interfaz del generador de interfaces grficas de usuario.

GUA 6

pg. 4

Al

agregar

el

contenedor

de

JFrame,

el

programa

abre

el

formulario

PruebaFormulario.java que acaba de crear en una ficha del Editor con una barra de
herramientas que incluye varios botones, como muestra la ilustracin anterior. El
formulario de PruebaFormulario se abre en la vista Diseo del generador de interfaces
grficas de usuario y aparecen automticamente tres ventanas adicionales en las
esquinas del programa, que permiten navegar, organizar y editar los formularios de la
interfaz grfica de usuario a medida que los genera.
Las diferentes ventanas del generador de interfaces grficas de usuario incluyen:

rea de diseo: Ventana principal del generador de interfaces grficas de usuario

para crear y editar formularios de interfaz grfica de usuario de Java. Los botones
Origen y Diseo de la barra de herramientas permiten ver el cdigo fuente de una
clase o la vista grfica de sus componentes de la interfaz grfica de usuario. Los
botones adicionales de la barra de herramientas permiten acceder cmodamente a
los comandos habituales, por ejemplo para elegir entre los modos de seleccin o

GUA 6

pg. 5

conexin, alinear componentes, definir el comportamiento de cambio automtico

del tamao de los componentes o pre visualizar los formularios.

Inspector: Proporciona una representacin, tanto visual como no visual, de todos

los componentes de la aplicacin en forma de jerarqua de rbol. El inspector
tambin permite visualizar el componente del rbol que se est editando en el
generador de interfaces grficas de usuario, as como organizar los componentes
en los paneles disponibles.

Paleta: Lista personalizable de los componentes disponibles que contiene fichas

para

los

componentes

de

JavaBeans,

JFC/Swing

AWT,

as

como

administradores de diseo.

Ventana de propiedades: Muestra las propiedades del componente seleccionado

en el generador de interfaces grficas de usuario y las ventanas Inspector,
Proyectos o Archivos.

III. PROCEDIMIENTO

Ejercicio No 1.
1. Primeramente crear un proyecto con el nombre de JavaGuia6.
2. Agregar

al

proyecto

un

contenedor

de

JFrame

con

el

nombre

de

FormHolaMundo.java. Y hacer los cambios que se muestran en la tabla de la

figura 1.

GUA 6

pg. 6

Control Propiedad
JFrame Title
JLabel1 font
text

Valor
Mi Primer Formulario
Tahoma 18 Bold
Hola Java Utilizando
Formulario

Fig.1 Controles a Agregar y Modificar.

GUA 6

pg. 7

package holamundo;
/**
*
* @author usuario
*/
public class FormHolaMundo extends javax.swing.JFrame {
/** Creates new form FormHolaMundo */
public FormHolaMundo() {
initComponents();
}
/** This method is called from within the constructor to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
*/

Generated Code
/**
* @param args the command line arguments
*/
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new FormHolaMundo().setVisible(true);
}
});
}
// Variables declaration - do not modify
private javax.swing.JLabel jLabel1;
// End of variables declaration
}
Ejercicio No 2.
1. Agregar

al

proyecto

un

contenedor

de

JFrame

con

el

nombre

de

FormCalculadora.java.

GUA 6

pg. 8

2. Ingresar al JFrame los siguientes elementos como se muestra en la tabla de la

figura 2.

Control
JFrame
JLabel1
JLabel2
JLabel3
JLabel4

Propiedad

Eventos

Codigo

title
font
text
font
text
font
text
font
Variable Name

JTextField font
Variable Name
JTextField font
Variable Name
JButton

font
text
actionPerformed
Variable Name

JButton

font
text
actionPerformed
Variable Name

JButton

font
text
actionPerformed
Variable Name

JButton

font
text
actionPerformed
Variable Name

Valor
Formulario Calculadora
Tahoma 18 Bold
Calculadora ..
Tahoma 11 Plain
Primer Operador:
Tahoma 11 Plain
Segundo Operador:
Tahoma 11 Plain
RespuestajLabel4
Tahoma 11 Plain
Operador1TextField1
Tahoma 11 Plain
Operador2TextField2
Tahoma 11 Plain
Suma
Dar clic
SumaButton1
Tahoma 11 Plain
Resta
Dar clic
RestaButton2
Tahoma 11 Plain
Multiplicacion
Dar clic
MultiplicacionButton3
Tahoma 11 Plain
Division
Dar clic
DivisionButton4

Fig.2 Controles a Agregar y Modificar.

GUA 6

pg. 9

package holamundo;
/**
*
* @author usuario
*/
public class FormCalculadora extends javax.swing.JFrame {
/** Creates new form FormCalculadora */
public FormCalculadora() {
initComponents();
}
/** This method is called from within the constructor to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
*/

GUA 6

pg. 10

Generated Code
private void MultiplicacionButton3ActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
Double respuesta = ((Double.parseDouble(Operador1TextField1.getText())) *
(Double.parseDouble(Operador2TextField2.getText())));
RespuestajLabel4.setText("La Multiplicacion es de: " + respuesta);
}
private void RestaButton2ActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
Double respuesta = ((Double.parseDouble(Operador1TextField1.getText())) (Double.parseDouble(Operador2TextField2.getText())));
RespuestajLabel4.setText("La Resta es de: "+ respuesta);
}
private void SumaButton1ActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
Double respuesta = (double)((Double.parseDouble(Operador1TextField1.getText())) +
Double.parseDouble(Operador2TextField2.getText()));
RespuestajLabel4.setText("La Suma es de: " + respuesta);
}
private void DivisionButton4ActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
Double respuesta = ((Double.parseDouble(Operador1TextField1.getText())) /
Double.parseDouble(Operador2TextField2.getText()));
RespuestajLabel4.setText("La Division es de: " + respuesta);
}
/**
* @param args the command line arguments
*/
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new FormCalculadora().setVisible(true);
}
});
}

GUA 6

pg. 11

// Variables declaration - do not modify

private javax.swing.JButton DivisionButton4;
private javax.swing.JButton MultiplicacionButton3;
private javax.swing.JTextField Operador1TextField1;
private javax.swing.JTextField Operador2TextField2;
private javax.swing.JLabel RespuestajLabel4;
private javax.swing.JButton RestaButton2;
private javax.swing.JButton SumaButton1;
private javax.swing.JLabel jLabel1;
private javax.swing.JLabel jLabel2;
private javax.swing.JLabel jLabel3;
// End of variables declaration
}

Ejercicio No 3.
1. Agregar

al

proyecto

un

contenedor

de

JFrame

con

el

nombre

de

radiobutton.java.
2. Ingresar al JFrame los siguientes elementos como se muestra en la tabla de la
figura 3.

GUA 6

pg. 12

Control
JFrame
JLabel

JRadioButton

Propiedad
Title
text
horizontalAlignment
icon
verifyInputWheFocu
s
Accesibles Name

Eventos

Codigo

TRAILING
cadillac.jpg
quitar opcin
Variable Name
Serialize To

buttonGroup
select
text
actionCommand
label
Accesible Name
actionPerformed
Variable Name
Serialize To

JRadioButton

buttonGroup
select
text
actionCommand
label
Accesible Name
actionPerformed
Variable Name
Serialize To

JRadioButton

buttonGroup
select
text
actionCommand
label
Accesible Name
actionPerformed
Variable Name
Serialize To

JRadioButton

Valor
Uso de Radio Button

buttonGroup
select
text
actionCommand
label
Accesible Name
actionPerformed
Variable Name
Serialize To

lImagen
radiobutton_lImagen
bgGrupo
Colocar Opcin
Cadillac
Cadillac
Cadillac
Cadillac
Dar click
rbcadillac
radiobutton_rbcadillac
bgGrupo
Colocar Opcin
dodge
dodge
dodge
dodge
Dar click
rbdodge
radiobutton_rbdodge
bgGrupo
Colocar Opcin
ferrary
ferrary
ferrary
ferrary
Dar click
rbferrary
radiobutton_rbferrary
bgGrupo
Colocar Opcin
nissan
nissan
nissan
nissan
Dar click
rbnissan
radiobutton_rbnissan

GUA 6

pg. 13

Control
JRadioButton

Propiedad
buttonGroup
select
text
actionCommand
label
Accesible Name

Eventos

Codigo

actionPerformed

ButtonGroup

Variable Name
Serialize To
Variable Name
Serialize To

Valor
bgGrupo
Colocar Opcin
toyota
toyota
toyota
toyota
Dar click
rbtoyota
radiobutton_rbtoyota
bgGrupo
radiobutton_bgGrupo

package holamundo;
/**
*
* @author usuario
*/
public class radiobutton extends javax.swing.JFrame {
/** Creates new form radiobutton */
public radiobutton() {
initComponents();
}
/** This method is called from within the constructor to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
*/

GUA 6

pg. 14

private void rbtoyotaActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:
lImagen.setIcon(new javax.swing.ImageIcon(getClass().getResource
("/imagenes/toyota.jpg")));
}
private void rbnissanActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
lImagen.setIcon(new javax.swing.ImageIcon(getClass().getResource
("/imagenes/nissan.jpg")));
}
private void rbferraryActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
lImagen.setIcon(new javax.swing.ImageIcon(getClass().getResource
("/imagenes/ferrary.jpg")));
}
private void rbdodgeActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
lImagen.setIcon(new javax.swing.ImageIcon(getClass().getResource
("/imagenes/dodge.jpg")));
}
private void rbcadillacActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
lImagen.setIcon(new javax.swing.ImageIcon(getClass().getResource
("/imagenes/cadillac.jpg")));
}
/**
* @param args the command line arguments
*/
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new radiobutton().setVisible(true);
}
});
}

GUA 6

pg. 15

// Variables declaration - do not modify

private javax.swing.ButtonGroup bgGrupo;
private javax.swing.JLabel lImagen;
private javax.swing.JRadioButton rbcadillac;
private javax.swing.JRadioButton rbdodge;
private javax.swing.JRadioButton rbferrary;
private javax.swing.JRadioButton rbnissan;
private javax.swing.JRadioButton rbtoyota;
// End of variables declaration
}

4- Modificar el ejercicio 2 de la calculadora de acuerdo a los siguientes criterios.

- La divisin debe mandar un error al tratar de dividir entre 0
- No debe aceptar letras en las casillas

GUA 6

pg. 16