TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
Este proyecto está conformado por dos JFrame. El primero informa de que se
trata el programa (fig.1) y el segundo realiza los cálculos de dos números. (fig.2).
(Pantalla principal – Fig.1)
(Pantalla Calculadora – Fig.2)
1
TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
En la primera pantalla se puede observar que el programa pide ingresar el
nombre del usuario y ese nombre que se ingrese aparece en la segunda pantalla
al cliquear el botón ejecutar. La función del botón salir es cerrar el programa y se
deshabilito el cerrar por la cruz de la barra de título.
En la segunda pantalla hay que elegir una operación de la lista desplegable,
ingresar los números enteros y clic en el botón calcular. El botón limpiar borra los
números ingresados para elegir otra operación. El botón volver regresa a la
pantalla principal. El programa se cierra por la cruz de la barra de título. Si se
observa con detenimiento se puede apreciar otro botón que se llama Suma. Este
botón suma realiza lo mismo que el botón calcular pero muestra el resultado de la
suma de tres maneras distintas:
- En el textbox (textField)
- En un Label (etiqueta)
- En un cuadro de dialogo
Este botón Suma tiene la particularidad que si se ingresa en la pantalla principal
la palabra “Profesora” (sin comillas) queda deshabilitado.
Pasos para desarrollar este programa
1) Crearemos un proyecto llamado “ProyectoCalculadora”, en él dos JFrame
con windowBuilder (clic derecho en el nombre del proyecto – new – Other..
WindowBuilder – Swing Designer - JFrame) “Principal” y “MiniCalculadora”
2) Pantalla Principal:
En solapa design sección Palette (paleta) colocaremos un Layouts Absolute a
nuestro JFrame (ambos Jframe tendrán un absolute layout). Así tendremos
mejor libertad para colocar las etiquetas – textbox y botones.
En la sección propiedades:
Title (titulo)= Menú
DefaultCloseOperation (el comportamiento del botón cerrar)=
Do_Nothing_On_Close
Bounds(tamaño de la ventana)= 900,100,0,0
Resizable (cambiar el tamaño de la ventana)= false
En la solapa Source (fuente de la codificación) buscamos el método public
Principal()
Y deberá tener escrito algo así
2
TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
public Principal() {
setResizable(false);
setBounds(new Rectangle(900, 100, 0, 0));
setTitle("Men\u00FA");
setDefaultCloseOperation(JFrame.DO_NOTHING_ON_CLOSE);
setBounds(400, 100, 491, 469);
contentPane = new JPanel();
[Link](new EmptyBorder(5, 5, 5, 5));
setContentPane(contentPane);
[Link](null);
Si hay alguna sintaxis que no concuerda por favor agregar a su proyecto.
Ahora empezaremos a agregar los elementos al Jframe:
JLabel (x4)
a) Jlabel Mini Calculadora: Propiedades:
a. Variable: lblMiniCalculadora
b. Bounds= 163,34,167,14
c. Font=Verdana 16 Bold Italic
d. Text= Mini Calculadora
b) Jlabel Programa que calcula
a. Variable: lblProgramaQueCalcula
b. Bounds= 59,81,328,14
c. Font=Tahoma 14
d. Text= Programa que calcula las 4 operaciones matemáticas
c) Jlabel Imagen
a. Variable=lblNewLabel
b. Bounds= 149,117,148,140
c. Icon= desplegamos el botón y en el cuadro de dialogo marcamos la
segunda opción y en browse buscamos la imagen guardada y clic en
ok.
3
TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
d) Jlabel Ingrese su nombre
a. Variable=lblIngreseSuNombre
b. Bounds= 100,309,15314
c. Font= Tahoma 14 Bold
d. Text= Ingrese su nombre:
JTextField
a) Variable= TextField_Nombre
b) Bounds= 245,301,121,32
c) Font= Tahoma 14 Bold
d) Opaque= true
JButton (x2)
A) Botón Ejecutar
a. Variable= btnEjecutar
b. Bounds= 142,377,89,23
c. Font= Tahoma 11
d. Text= Ejecutar
B) Botón Salir
a. Variable= btnSalir
b. Bounds= 241,377,89,23
c. Font= Tahoma 11
d. Text= Salir
Hasta ahora solo se agregaron los componentes al JFrame Principal
En el TextField_Nombre se debe escribir un nombre y el botón ejecutar debe
guardar ese nombre en una variable de texto y colocarlo en un label del Jframe
Calculadora. Declaramos una variable de texto llamada nombre antes del public
static void main …. Solo que la haremos publica y estática (una variable publica
significa que en cualquier lugar del proyecto la puedo invocar y estática para que
solo sea inicializada una sola vez. Al JtextField_Nombre lo declaramos como
private porque solo le pertenece a esta clase principal.
public class Principal extends JFrame {
private JPanel contentPane;
private JTextField textField_nombre;
public static String nombre="";
public static void main(String[] args) {
[Link](new Runnable() {
public void run() {
try {
Principal frame = new Principal();
[Link](true);
} catch (Exception e) {
4
TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
[Link]();
}
}
});
}
Los que realizan los eventos son los botones, veamos cómo debe funcionar el
botón ejecutar
Acción del Botón Ejecutar
Cuando se está en la solapa Design y se quiere escribir el código del botón, solo
hay que hacer doble clic sobre él y se abrirá la solapa Source en el código
perteneciente al JButton. En este botón Ejecutar tiene que guardar en la variable
nombre el texto que contiene el textField_Nombre:
Nombre=textField_nombre.getText();
Luego tiene que abrir la ventana Calculadora y cerrar la ventana activa. Para
lograr esta acción hay que crear un constructor de la clase Calculadora que
guardara todo lo referente a esa clase. En este caso lo llamaremos c.
Calculadora c= new Calculadora ();
Ahora hay que hacer visible esta ventana
[Link](true);
Lo último que queda es que cierre la ventana Principal
[Link]();
Quizás se pregunten porque no usar setVisible (false). La respuesta es que
estaríamos ocultando la ventana y consumiendo recursos. Lo mejor es liberar
recursos eliminando la ventana.
El código debe quedar así:
JButton btnEjecutar = new JButton("Ejecutar");
[Link](new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
nombre=textField_nombre.getText();
Calculadora c=new Calculadora();
[Link](true);
[Link]();
}
});
5
TALLER DE PROGRAMACIÓN I –
APUNTES MINI CALCULADORA
Acción del Botón Salir
Lo único que debe realizar este botón es cerrar la ventana. Sintaxis que se
aprendió en el botón Ejecutar
[Link]();
El código debe quedar así:
JButton btnSalir = new JButton("Salir");
[Link](new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
[Link] ();
}
});
3) Pantalla Calculadora
Debe tener un absolute layouts – Title “Mini Calculadora – IconImage
(buscar una imagen que se encuentre en su ordenador, el del ejemplo es de
imágenes de muestra – [Link]“) – Bound (400, 100, 548, 398) –
Background (153, 153, 204)
JLabel que muestra el nombre ingresado en la pantalla Principal
Propiedades:
- Variable: lblNombre
- Bounds= 10, 5, 171, 35
- Font= Lucida Calligraphy", [Link], 16
- HorizontalAlignment Right
Lo que hay que agregar en Source es que debe mostrar el contenido
guardado en la variable nombre:
[Link]([Link]);
Así queda la codificación del lblNombre
JLabel lblNombre = new JLabel("New label");
[Link]([Link]);
[Link](new Font("Lucida Calligraphy", [Link], 16));
[Link](10, 5, 171, 35);
[Link]([Link]);
[Link](lblNombre);
Probemos a ver si funciona – Guardamos los cambios realizados y clic en Run.