Desarrollo de Interfaces en Java Swing
Cargado por
Carlos GarciaDesarrollo de Interfaces en Java Swing
Cargado por
Carlos GarciaActividad de Desarrollo de Interfaces.
Actividad 1: Desarrollo de mi primer proyecto con Netbean y la interfaz gráfica Swing.
Objetivo:
El objetivo de esta actividad es un primer contacto con el entorno gráfico de Swing y alguno
de sus componentes.
Se desarrollará 3 formularios para ver la dinámica de uso de ventanas con Jframe.
Jframe Principal. Jframe Ventana2.
JDialog Aviso Salir.
Guía para realizar la actividad:
1º Creamos un nuevo Proyecto.
File /New Proyect /Java /Java Application
Le indicamos el nombre al proyecto, en nuestro caso Hola Mundo 1
Dejamos la ruta por defecto de donde se guardará el proyecto.
2º Dentro del paquete Hola Mundo 1 creamos nuestro primer formulario.
Crearemos un archivo JFrame Form: Botón derecho sobre el paquete Hola Mundo1
/New/ JFrame Form /Class Name= Principal
3º Indicamos la dimensión preferida de la ventana.
En las propiedades del JFrame buscamos preferredSize e indicamos[400, 300]
4º Añadimos un Jlabel con el text "Hola Mundo 1".
Página 1 de 5
5º Añadimos un componente JPanel al JFrame.
6º Dentro del JPanel incluimos:
Jlabel con el texto Entrada.
Jlabel con el texto Salida.
JTextField para Entrada.
JTextField para Salida.
7º Indicamos el nombre de las variables para los JTextField.
Nos posicionamos con el ratón en el JTextField y pulsamos botón derecha /Change
Variable Name e indicamos el nombre txt_entrada.
Realizaremos lo mismo para txt_salida.
8º Para borrar los cuadro de texto.
Nos posicionamos con el ratón en el JTextField y pulsamos botón derecha
/Edit Text y borramos.
9º Dentro del JPanel incluimos también un JButton denominado Aceptar.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Change
Variable Name e indicamos el nombre bt_aceptar.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Edit Text y
ponemos Aceptar.
10º Fuera del JPanel incluimos dos JButton más en la parte inferior del JFrame.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Change
Variable Name e indicamos el nombre bt_salir.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Edit Text y
ponemos Salir.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Change
Variable Name e indicamos el nombre bt_ventana2.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Edit Text y
ponemos Abrir Ventana 2
11º Añadir titulo al JFrame.
Este apartado lo haremos desde el código del JFrame.
Entramos en la pestaña de Source.
Nos posicionamos en el constructor de la clase Principal.
Introducimos la línea [Link]("Mi primera Ventana");
12º En el constructor de la clase añadimos dos líneas más.
[Link](null); //nos permite centrar el JFrame
[Link](false); // nos impide dimensionar el JFrame
13º Ejecutamos el proyecto para ver los cambios hasta ahora.
14º Realizar acción con el botón aceptar. El objetivo es que al introducir un texto en el botón
entrada y pulsemos el botón aceptar y aparezca la misma información en el cuadro de texto
de salida.
Página 2 de 5
Nos posicionamos con el ratón en el JButton de Aceptar y pulsamos botón derecha.
/Events/Action/actionPerformed.
Nos generará el siguientes código en la clase del JFrame Principal.
private void bt_aceptarActionPerformed([Link] evt) {
}
15º Introducimos el siguiente texto dentro del evento del JButton.
this.txt_salida.setText(this.txt_entrada.getText());
16º Ejecutamos el proyecto para ver los cambios hasta ahora y probamos el botón aceptar.
17º Ahora crearemos un nuevo JFrame denominado Ventana2.
Crearemos un archivo JFrame Form: Botón derecho sobre el paquete Hola Mundo1
/New/ JFrame Form /Class Name= Ventana2
18º Indicamos la dimensión preferida de la ventana.
En las propiedades del JFrame buscamos preferredSize e indicamos[400, 350]
19º En la ventana2, a modo de prueba, añadiremos un componente JTextArea para
introducir texto. Añadiremos además un Jlabel que indicará que es un comentario.
20º En la ventana2 añadiremos en la parte inferior del JFrame un JButton para regresar al
formulario principal.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Change
Variable Name e indicamos el nombre bt_principal.
Nos posicionamos con el ratón en el JButton y pulsamos botón derecha /Edit Text y
ponemos Ventana Principal.
21º Añadir titulo al JFrame Ventana2.
Este apartado lo haremos desde el código del JFrame.
Entramos en la pestaña de Source.
Nos posicionamos en el constructor de la clase Ventana2.
Introducimos la línea [Link]("Mi segunda Ventana");
22º En el constructor de la clase añadimos dos líneas más.
[Link](null); //nos permite centrar el JFrame
[Link](false); // nos impide dimensionar el JFrame
23º Realizar acción con el botón Ventana Principal. El objetivo es que cierre el JFrame activo
y vuela al JFrame Principal.
Nos posicionamos con el ratón en el JButton de bt_principal y pulsamos botón
derecha /Events/Action/actionPerformed.
Nos generará el siguientes código en la clase del JFrame Ventana2
private void bt_principalActionPerformed([Link] evt) {
}
24º Introducimos el siguiente texto dentro del evento del JButton.
Principal vtn=new Principal(); //Crea un nuevo objeto de la clase Principal.
[Link](true); //Pone el objeto JFrame de la clase Principal visible.
Página 3 de 5
[Link](); //cierra el JFrame de la clase Ventana2.
25º Regresamos al JFrame Principal.
Nos posicionamos con el ratón en el JButton de bt_ventana2 y pulsamos botón
derecha /Events/Action/actionPerformed.
Nos generará el siguientes código en la clase del JFrame Principal
private void bt_ventana2ActionPerformed([Link] evt){
}
26º Introducimos el siguiente texto dentro del evento del JButton.
Ventana2 vtn =new Ventana2();//Crea un nuevo objeto de la clase Ventana2.
[Link](true); //Pone el objeto JFrame de la clase Ventana2 visible.
[Link](); //cierra el JFrame de la clase Principal.
27º Ejecutamos el proyecto para ver los cambios hasta ahora.
28º Creamos un JDialog AvisoSalir para crear una ventana modal.
Crearemos un archivo JDialog: Botón derecho sobre el paquete Hola Mundo1 /New/
JDialog /Class Name= AvisoSalir
29º Añadimos el JLabel ¿Está usted seguro que desea salir de este formulario?
30º Añadimos dos JButton un con el texto "Sí" y otro "No"
31º En el código de la clase AvisoSalir añadimos en su constructor.
super(parent, modal); //Indicamos que es un formulario modal.
[Link](300,300); // Posición de la ventana.
[Link](false); //No modificable las dimensiones.
[Link]("Confirmación de Salida"); //Titulo de la ventana.
32º El botón No cerrará el JFrame al pulsar el botón.
private void bt_noActionPerformed([Link] evt) {
// TODO add your handling code here:
[Link]();
}
33º El botón Si cierra la aplicación.
private void bt_siActionPerformed([Link] evt) {
// TODO add your handling code here:
[Link](0);
}
Página 4 de 5
34º Volvemos al JFrame Principal y creamos un evento para el botón salir.
private void btn_salirActionPerformed([Link] evt) {
AvisoSalir dialogo =new AvisoSalir(this,true);
[Link](true);
}
35º Ejecutamos el proyecto para ver los cambios hasta ahora.
36º ¿Cómo puedo insertar un icono en la barra de titulo del JFrame?
Realiza y envía el proyecto para su evaluación.
Página 5 de 5
