Ejercicio: Para construir nuestra interfaz, tenemos que crear un contenedor Java dentro del cual se colocará la interfaz gráfica de usuario, se requiere de otros componentes. En este paso vamos a crear un contenedor con el JFrame componente. Vamos a colocar el recipiente en un nuevo paquete, que aparecerá en el nodo Paquetes Fuente. Crear un contenedor JFrame
En la ventana Proyectos, haga clic en el nodo NumberAddition y seleccione Nuevo> Formulario JFrame. Introduzca NumberAdditionUI como el nombre de la clase. Introduzca my.numberaddition que el paquete. Haga clic en Finalizar.
NumberAdditionUI El IDE crea el NumberAdditionUI forma y el NumberAdditionUI clase dentro de la NumberAddition aplicación, y abre la NumberAdditionUI se forman en el GUI Builder. El my.NumberAddition paquete reemplaza el paquete por defecto. La adición de componentes: Hacer el Front End A continuación usaremos la paleta para rellenar los frontales solicitud nuestra, con un JPanel. Entonces vamos a agregar tres JLabels, JTextFields tres, y JButtons tres. Si usted no ha utilizado la GUI Builder antes, es posible encontrar información en el diseño de una GUI Swing en NetBeans IDE tutorial sobre los componentes de una posición funcional. Una vez que haya terminado de arrastrar y colocar los componentes mencionados, el JFrame debería parecerse a la siguiente captura de pantalla.
Si no ves la ventana de paleta en la esquina superior derecha de la IDE, elija Windows> Paleta.
Para empezar, seleccione un JPanel de la paleta y colóquelo en el JFrame. Si bien se resalta el JPanel, vaya a la ventana Propiedades y haga clic en el botón de puntos suspensivos (...) al lado de las fronteras para elegir un estilo de borde. En el cuadro de diálogo Borde, seleccione TitledBorder de la lista, y el tipo de Number Addition en el campo Título. Haga clic en Aceptar para guardar los cambios y salga del diálogo. Ahora debería ver un titulado JFrame vacío que dice Número adjunta como en la captura de pantalla. Mira la captura de pantalla y añadir tres JLabels, JTextFields tres y tres como JButtons que ves arriba.
Se ´puede cambiar el nombre de los componentes En este paso vamos a cambiar el nombre del texto en pantalla de los componentes que se acaba de agregar a los JFrame. o o o o
Haga doble clic en jLabel1 y cambie la propiedad de texto para First Number Haga doble clic en jLabel2 y cambiar el texto para Second Number Haga doble clic en jLabel3 y cambiar el texto a Result Elimine el texto muestra de jTextField1 . Puede hacer que la pantalla de texto editable haciendo clic en el campo de texto, haciendo una pausa, y luego hacer clic en el campo de texto nuevo. You may have to resize the Puede que tenga que cambiar el
o
o o
tamaño del jTextField1 a su tamaño original. Repita este paso para jTextField2 y jTextField3 . Cambie el nombre del texto en pantalla de jButton1 a Clear . (Puede editar el botón de texto de un botón derecho del ratón y seleccionando el botón Editar texto. O puede hacer clic en el botón, haga una pausa y, a continuación, haga clic de nuevo.) Cambie el nombre del texto en pantalla de jButton2 a Add . Cambie el nombre del texto en pantalla de jButton3 a Exit .
Su acabado GUI debe parecerse al de la captura de pantalla siguiente:
Agregar funcionalidad Ahora vamos a dar la funcionalidad para agregar, limpiar o clear y los botones Salir. The El jTextField1 y jTextField2 cajas se utilizará para la entrada del usuario y jTextField3 para la salida del programa - lo que estamos creando es una simple calculadora de dos números cualesquiera. Empecemos a hacer el botón de salida de trabajo a fin de dar a los botones su función, tenemos que asignar un controlador de eventos para cada uno para responder a los eventos. En nuestro caso queremos saber cuando se pulsa el botón, ya sea mediante un clic del ratón o a través de
teclado. Así que vamos a utilizar ActionListener responder a ActionEvent. 1. Haz clic en el botón Salir. Desde el menú emergente elije Eventos> Acción> actionPerformed. Ten en cuenta que el menú contiene los eventos con que puedes responder con los objetos. Cuando se selecciona el evento actionPerformed, el IDE se añade automáticamente un ActionListener al botón de salida y generar un método de control para el manejo de método actionPerformed del oyente. 2. El IDE se abrirá la ventana de código fuente, y ve a donde se ejecutará la acción que deseas que el botón para hacer cuando se pulsa el botón (ya sea un clic del ratón o a través de teclado). La ventana de su código fuente debe contener las líneas siguientes: 3. private void jButton3ActionPerformed (evt java.awt.event.ActionEvent) ( 4. / / TODO: Agregar el código de control de aquí: }) 5. Ahora vamos a agregar código para lo que queremos que haga la salida de Button. Tendrás que colocar System.exit (0) al código anterior, en sustitución de la línea TODO. Tu salida de código del botón terminado deberá tener el siguiente aspecto: 6. private void jButton3ActionPerformed (evt java.awt.event.ActionEvent) ( 7. System.exit (0); Hacer el botón de Clear o limpiar
)
8. Haz clic en la ficha Diseño en la parte superior del área de trabajo para volver al Diseño de formulario 9. Hazclic en el botón Borrar ( jButton1 ). Desde el menú emergente selecciona Eventos> Acción> actionPerformed. 10. Vamos a tener el botón limpiar que borra todo el texto de la jTextFields. Para ello, vamos a añadir algo de código
como el anterior. El código fuente de acabado debe tener el siguiente aspecto: 11. private void jButton1ActionPerformed (evt java.awt.event.ActionEvent) ( 12. (""); JTextField1.setText 13. (""); JTextField2.setText 14. (""); JTextField3.setText ) Los cambios en el código encima del texto en todos los tres de nuestros JTextFields a la nada, en esencia es sobrescribir el texto actual por uno en blanco. Haciendo el trabajo del botón Agregar El botón Agregar, se realizan tres acciones. 15. Se va a aceptar la entrada del usuario de jTextField1 y jTextField2 y convertir la entrada de un tipo de cadena a un float. 16. A continuación, realizar operaciones de adición de los dos números y, por último, 17. se convertirá el importe a un tipo de cadena y colocarlo en jTextField3 . Haz clic en la ficha Diseño en la parte superior de su área de trabajo para volver al formulario de diseño. Haz clic con el botón Agregar ( jButton2 ). Desde el menú pop-, seleccione Eventos> Acción> actionPerformed Vamos a añadir un código que nuestro trabajo botón Añadir. El código fuente terminado deberá tener el siguiente aspecto: Private void Button2ActionPerformed(java. awt.event.ActionEvent evt){ private void jButton2ActionPerformed (evt java.awt.event.ActionEvent) ( / / Primero definimos las variables float. float num1, num2, resultado; / / Tenemos que analizar el texto a un tipo float.
num1 = Float.parseFloat (jTextField1.getText ());
num2 = Float.parseFloat (jTextField2.getText ()); / / Ahora podemos realizar la suma. resultado = num1 + num2; / / Ahora vamos a pasar el valor de resultado que jTextField3. / / Al mismo tiempo, vamos a / / Cambiar el valor del resultado de un flotador en una cadena. jTextField3.setText (String.valueOf (resultado));
) Nuestro programa se ha completado ahora podemos generar y ejecutar en él para verlo en acción. Ejecución del programa de Para ejecutar el programa en el IDE:
Elije Ejecutar> Ejecutar proyecto principal Si consigues una ventana que te informa que el Proyecto NumberAddition no tiene un conjunto de la clase principal, entonces usted debe seleccionar my.NumberAddition.NumberAdditionUI como la clase principal en la misma ventana y haz clic en el botón Aceptar.
Para ejecutar el programa fuera del IDE:
Elije Ejecutar> Limpieza y Construcción principal del proyecto (Mayúsculas + F11) para generar el archivo JAR de la aplicación. Usando el sistema de archivos de tu explorador o gestor de archivos, vaya a la NumberAddition/dist directorio. Haga doble clic en el NumberAddition.jar archivo.
Después de unos segundos, la aplicación debe comenzar. También puede iniciar la aplicación desde la línea de comandos.
¿Cómo Manejo de Eventos de Obras Este tutorial ha mostrado cómo responder a un hecho simple botón. Hay más eventos que se pueden tener su aplicación responder. El IDE puede ayudar a encontrar la lista de eventos disponibles los componentes de interfaz gráfica de usuario puede manejar:
Ir de nuevo al archivo NumberAdditionUI.java en el editor. Haga clic en la pestaña Diseño para ver el diseño de la interfaz gráfica de usuario de la GUI Builder. Haga clic en cualquiera de los componentes GUI, y seleccione acontecimientos a partir del menú pop-. Por ahora, sólo navega por el menú para ver lo que hay, no es necesario realizar ninguna selección. Como alternativa, puede seleccionar Propiedades en el menú Ventana. En la ventana Propiedades, haz clic en la ficha Eventos. En la ficha Sucesos, puede ver y editar controladores de eventos asociados con la GUI componente activo actualmente. Puedes tener tu aplicación para que responda a las pulsaciones de tecla, individuales, dobles y triples clics del ratón, el movimiento del ratón, tamaño de la ventana y los cambios de enfoque. Puedes generar los controladores de eventos para todos ellos en el menú de eventos. El evento más común que va a utilizar es un caso de acción.
¿Cómo funciona el trabajo de gestión de eventos? Cada vez que seleccione un evento en el menú de eventos, el IDE crea automáticamente una llamada de escucha de eventos. Ve a través de los pasos siguientes para ver cómo funciona el manejo de eventos.
Ir de nuevo al archivo NumberAdditionUI.java en el editor. Click the Source tab to see the GUI's source. Haz clic en la ficha Origen para ver la fuente del GUI.
Desplázate hacia abajo y ten en cuenta los métodos jButton1ActionPerformed() , jButton2ActionPerformed() , y jButton3ActionPerformed() que acaba de aplicarse. Estos métodos se denominan controladores de eventos. Ahora ve a un método llamado initComponents() . initComponents() Si no ves este método, busca una línea que dice: Generated Code ; haz clic en el signo + junto a ella para ampliar el colapso initComponents() método. En primer lugar, ten en cuenta el bloque azul alrededor de la initComponents() método. Este código fue generado automáticamente por el IDE y no se puede editar. initComponents() Ahora, vaya a través del método initComponents(). Entre otras cosas, contiene el código que inicializa los componentes GUI en el formulario. Este código se genera y actualiza automáticamente mientras se edita los componentes en la vista Diseño. En initComponents() , desplázate hacia abajo hasta donde dice jButton3.setText ("Exit"), jButton3.addActionListener (java.awt.event.ActionListener nuevo () ( public void actionPerformed (evt java.awt.event.ActionEvent) ( jButton3ActionPerformed (evt); )
)); Este es el lugar donde listener ha añadido un objeto de eventos para el componente de interfaz gráfica de usuario, en este caso, se registra un ActionListener al jButton3 . La interfaz ActionListener tiene un método actionPerformed teniendo ActionEvent objeto que se lleva a cabo mediante una llamada telefónica de su jButton3ActionPerformed controlador de eventos. El botón espera ahora escuchar
eventos de acción. Cada vez que se presiona un ActionEvent se genera y se pasa al método actionPerformed del oyente que a su vez ejecuta el código que proporcionaste en el controlador de eventos para este evento. En términos generales, para ser capaz de responder, cada componente interactivo de interfaz gráfica de usuario tiene que registrarse en un detector de eventos y necesidades para implementar un controlador de eventos. Como puede ver, NetBeans IDE maneja conectar el detector de eventos para ti, para que pueda concentrarse en su aplicación la lógica de negocio real que debe ser activado por el evento.