Práctica 10 programación VII

1. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Haro Jesus – Oscullo Carlos
SEMESTRE: Séptimo PARALELO: “B”
PRÁCTICA #: 10
FECHA: 08/01/2020
TEMA: FORMULARIOS
OBJETIVO:
Instalar Windowbuilder para poder crear formularios en eclipse.
RESULTADOS DE APRENDIZAJE
ACTIVIDADES:
1. Instalación de Windowbuilder
2. Creación de formulario
3. Ejercicio: realizar un formulario que me permita realizar las 4
operaciones básicas, utilizando JButton y JTextField.
DESARROLLO DEL CONTENIDO
Instalación Windowbuilder
1. Ingresar a eclipse, en la barra de opciones seleccionar la opción
“help” y click en “Install new software”
2. Nos saldrá la pantalla de la siguiente imagen y le damos click en
“Add”

2. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
3. Y nos mostrara la siguiente ventana.En la opcion de Location escribir:
https://download.eclipse.org/windowbuilder/latest/ y click en Add
4. Nos mostrarà nuevamente la opción: org.eclipse.wb.releng.updatesite
- https://download.eclipse.org/windowbuilder/lastgoodbuild/
5. Y seleccionar la opción “Windowbuilder” y finalmente click en
Finish

3. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
Creación de un formulario
1. Para crear un formulario debemos ingresar a eclipse, crear un proyecto y en las clases del
proyecto seleccionar New y luego Other
2. Nos mostrará la siguiente imagen, seleccionamos Windowbuilder después Swing Designer
y damos click en JFrame y Next
3. Nos mostrará la siguiente ventana y designamos un nombre. Click en Finish
4. Nos vamos a la siguiente ventana de Design

4. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
Finalmente tenemos el formulario listo para trabajar
Ejercicio: realizar un formulario que me permita realizar las 4
operaciones básicas, utilizando JButton y JTextField.
1. Vamos a crear el siguiente diseño en el formulario
2. Para ingresar el código de programación damos doble click en el JButton
package pruebaFormulario;
import java.awt.BorderLayout;
import java.awt.EventQueue;
Elementos utilizados
- JButton
- JTextField.
- JLabel

5. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JTextField;
import javax.swing.JButton;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import javax.swing.JLabel;
public class cuatroOperaciones extends JFrame {
private JPanelcontentPane;
private JTextField respuesta;
private JTextField n1;
private JTextField n2;
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
cuatroOperaciones frame = new
cuatroOperaciones();
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}
public cuatroOperaciones() {
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setBounds(100, 100, 450, 300);
contentPane = new JPanel();
contentPane.setBorder(new EmptyBorder(5,5, 5, 5));
setContentPane(contentPane);
contentPane.setLayout(null);
respuesta = new JTextField();
respuesta.setEditable(false);
respuesta.setBounds(308, 136, 86, 20);
contentPane.add(respuesta);
respuesta.setColumns(10);
n1 = new JTextField();
n1.setBounds(111, 53, 86, 20);
contentPane.add(n1);
n1.setColumns(10);
n2 = new JTextField();

6. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
n2.setBounds(111, 84, 86, 20);
contentPane.add(n2);
n2.setColumns(10);
JButton btnSuma = new JButton("SUMA");
btnSuma.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
int num1, num2, r;
num1= Integer.parseInt(n1.getText());
num2= Integer.parseInt(n2.getText());
r= num1+num2;
respuesta.setText(Integer.toString(r));
}
});
btnSuma.setBounds(43, 178, 89, 23);
contentPane.add(btnSuma);
JLabel lblNmero = new JLabel("Nu00FAmero 1");
lblNmero.setBounds(10, 56, 70, 14);
contentPane.add(lblNmero);
JLabel lblNmero_2 = new JLabel("Nu00FAmero 2");
lblNmero_2.setBounds(10, 87, 70, 14);
contentPane.add(lblNmero_2);
JLabel lblResultado = new JLabel("Resultado");
lblResultado.setBounds(242, 139, 58, 14);
contentPane.add(lblResultado);
JButton btnResta = new JButton("RESTA");
btnResta.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
int num1, num2, r;
num1= Integer.parseInt(n1.getText());
num2= Integer.parseInt(n2.getText());
r= num1-num2;
respuesta.setText(Integer.toString(r));
}
});
btnResta.setBounds(156, 178, 89, 23);
contentPane.add(btnResta);
JButton btnMultiplicacin = new JButton("MULTIPLICACIu00D3N");
btnMultiplicacin.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
int num1, num2, r;
num1= Integer.parseInt(n1.getText());
num2= Integer.parseInt(n2.getText());
r= num1*num2;
respuesta.setText(Integer.toString(r));

7. UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD FILOSOFÍA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES -
INFORMÁTICA
Periodo Académico: Septiembre 2019 - Febrero 2020
}
});
btnMultiplicacin.setBounds(43, 212, 89, 23);
contentPane.add(btnMultiplicacin);
JButton btnDivisin = new JButton("DIVISIu00D3N");
btnDivisin.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
int num1, num2;
float r;
num1= Integer.parseInt(n1.getText());
num2= Integer.parseInt(n2.getText());
r= num1/num2;
respuesta.setText(Float.toString(r));
}
});
btnDivisin.setBounds(156, 212, 89, 23);
contentPane.add(btnDivisin);
}
}
Suma Resta
Multiplicación División
f.) _______________ f.) ______________ f.) ______________
Sr. Haro Jesus Sr. Oscullo Carlos MSc. Zapata Víctor
ESTUDIANTE ESTUDIANTE DOCENTE