Guia6 java

1,865 views
1,743 views

Published on

GUIA 6
Interfaz Gráfica en NetBeans IDE 6.1

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,865
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
101
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Guia6 java

  1. 1. GUIA 6Interfaz Gráfica en NetBeans IDE 6.1 Facultad: Ingeniería Escuela: Computación 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.INTRODUCCIONIntroducción a la generación de interfaces de usuario:El “Constructor” de interfaces de usuario del IDE NetBeans (conocido anteriormente comoel “Proyecto Matisse”) es un módulo del Entorno de Desarrollo Integrado NetBeans.Este editor de interfaces gráficas está orientado hacia la librería gráfica Swing de Java. Esdecir, que únicamente produce código fuente para Java.En NetBeans 6.1 el generador de interfaces gráficas de usuario se ha hecho máseficiente: ahora es más potente e intuitivo, y permite a los usuarios generar interfacesgráficas de usuario de aspecto profesional sin necesidad de profundizar en elconocimiento de los administradores de diseño.El nuevo generador de interfaces gráficas de usuario de NetBeans acaba con lasdificultades inherentes a la generación de interfaces gráficas de usuario, lo que permitediseñar formularios colocando simplemente los componentes donde desee.Creación 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 orígenes y otros archivos delproyecto. GUÍA 6 pág. 1
  2. 2. Para crear un proyecto de aplicación. • Seleccione Archivo > Nuevo proyecto. También puede hacer clic en el icono Nuevo proyecto (New Project) de la barra de herramientas del programa. • En el panel Categorías (Categories), seleccione Java y, en el panel Proyectos (Projects), elija Aplicación Java. Al finalizar haga clic en Siguiente (Next). Creación de Nuevo Proyecto. GUÍA 6 pág. 2
  3. 3. • Escriba JavaGuia6 en el campo Nombre de proyecto (Project Name) y especifique la ubicación del proyecto. • Compruebe que la casilla de verificación Configurar como proyecto principal esté seleccionada y anule la selección de la opción Crear clase principal en caso de que esté marcada. • Haga clic en Finalizar (Finish).Creación de un contenedor de interfaces gráficas de usuario.Una vez creada la nueva aplicación, verá que la carpeta Paquetes de origen de la ventanaProyectos contiene un nodo <paquete predeterminado> vacío. Para continuar generandola interfaz, debe crear un contenedor Java en el que colocar los otros componentesnecesarios de la interfaz gráfica de usuario. En este paso, crearemos un contenedorutilizando 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 botón derecho en el nodo JavaGuia5 y elija Nuevo (New) > Formulario JFrame (JFrame Form…). GUÍA 6 pág. 3
  4. 4. • Escriba PruebaFormulario en Nombre de la clase (Class Name). • Escriba javaguia5 como paquete. • Haga clic en Finalizar.Aspectos generales del generador de interfaces gráficas de usuarioUna vez creado el proyecto para la aplicación, dedicaremos unos minutos afamiliarizarnos con la interfaz del generador de interfaces gráficas de usuario. GUÍA 6 pág. 4
  5. 5. Al agregar el contenedor de JFrame, el programa abre el formularioPruebaFormulario.java que acaba de crear en una ficha del Editor con una barra deherramientas que incluye varios botones, como muestra la ilustración anterior. Elformulario de PruebaFormulario se abre en la vista Diseño del generador de interfacesgráficas de usuario y aparecen automáticamente tres ventanas adicionales en lasesquinas del programa, que permiten navegar, organizar y editar los formularios de lainterfaz gráfica de usuario a medida que los genera.Las diferentes ventanas del generador de interfaces gráficas de usuario incluyen: • Área de diseño: Ventana principal del generador de interfaces gráficas de usuario para crear y editar formularios de interfaz gráfica de usuario de Java. Los botones Origen y Diseño de la barra de herramientas permiten ver el código fuente de una clase o la vista gráfica de sus componentes de la interfaz gráfica de usuario. Los botones adicionales de la barra de herramientas permiten acceder cómodamente a los comandos habituales, por ejemplo para elegir entre los modos de selección o GUÍA 6 pág. 5
  6. 6. conexión, alinear componentes, definir el comportamiento de cambio automático del tamaño de los componentes o pre visualizar los formularios. • Inspector: Proporciona una representación, tanto visual como no visual, de todos los componentes de la aplicación en forma de jerarquía de árbol. El inspector también permite visualizar el componente del árbol que se está editando en el generador de interfaces gráficas 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 y AWT, así como administradores de diseño. • Ventana de propiedades: Muestra las propiedades del componente seleccionado en el generador de interfaces gráficas de usuario y las ventanas Inspector, Proyectos o Archivos.III. PROCEDIMIENTOEjercicio 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. GUÍA 6 pág. 6
  7. 7. Control Propiedad ValorJFrame Title Mi Primer FormularioJLabel1 font Tahoma 18 Bold text “Hola Java Utilizando Formulario” Fig.1 Controles a Agregar y Modificar. GUÍA 6 pág. 7
  8. 8. 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. GUÍA 6 pág. 8
  9. 9. 2. Ingresar al JFrame los siguientes elementos como se muestra en la tabla de la figura 2. Control Propiedad Eventos Codigo ValorJFrame title Formulario CalculadoraJLabel1 font Tahoma 18 Bold text Calculadora ..JLabel2 font Tahoma 11 Plain text Primer Operador:JLabel3 font Tahoma 11 Plain text Segundo Operador:JLabel4 font Tahoma 11 Plain Variable Name RespuestajLabel4JTextField font Tahoma 11 Plain Variable Name Operador1TextField1JTextField font Tahoma 11 Plain Variable Name Operador2TextField2JButton font Tahoma 11 Plain text Suma actionPerformed Dar clic Variable Name SumaButton1JButton font Tahoma 11 Plain text Resta actionPerformed Dar clic Variable Name RestaButton2JButton font Tahoma 11 Plain text Multiplicacion actionPerformed Dar clic Variable Name MultiplicacionButton3JButton font Tahoma 11 Plain text Division actionPerformed Dar clic Variable Name DivisionButton4 Fig.2 Controles a Agregar y Modificar. GUÍA 6 pág. 9
  10. 10. 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. */ GUÍA 6 pág. 10
  11. 11. Generated Codeprivate 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); } }); } GUÍA 6 pág. 11
  12. 12. // 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. GUÍA 6 pág. 12
  13. 13. Control Propiedad Eventos Codigo ValorJFrame Title Uso de Radio ButtonJLabel text horizontalAlignment TRAILING icon cadillac.jpg verifyInputWheFocu quitar opción s Accesibles Name Variable Name lImagen Serialize To radiobutton_lImagenJRadioButton buttonGroup bgGrupo select Colocar Opción text Cadillac actionCommand Cadillac label Cadillac Accesible Name Cadillac actionPerformed Dar click Variable Name rbcadillac Serialize To radiobutton_rbcadillacJRadioButton buttonGroup bgGrupo select Colocar Opción text dodge actionCommand dodge label dodge Accesible Name dodge actionPerformed Dar click Variable Name rbdodge Serialize To radiobutton_rbdodgeJRadioButton buttonGroup bgGrupo select Colocar Opción text ferrary actionCommand ferrary label ferrary Accesible Name ferrary actionPerformed Dar click Variable Name rbferrary Serialize To radiobutton_rbferraryJRadioButton buttonGroup bgGrupo select Colocar Opción text nissan actionCommand nissan label nissan Accesible Name nissan actionPerformed Dar click Variable Name rbnissan Serialize To radiobutton_rbnissan GUÍA 6 pág. 13
  14. 14. Control Propiedad Eventos Codigo ValorJRadioButton buttonGroup bgGrupo select Colocar Opción text toyota actionCommand toyota label toyota Accesible Name toyota actionPerformed Dar click Variable Name rbtoyota Serialize To radiobutton_rbtoyotaButtonGroup Variable Name bgGrupo Serialize To 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. */ GUÍA 6 pág. 14
  15. 15. 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); } }); } GUÍA 6 pág. 15
  16. 16. // 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 división debe mandar un error al tratar de dividir entre 0 - No debe aceptar letras en las casillas GUÍA 6 pág. 16

×