SlideShare ist ein Scribd-Unternehmen logo
1 von 7
UNIVERSIDAD CENTRAL DEL ECUADOR
Facultad de Filosofía, Letras y Ciencias de la Educación
Oliver Steve Guamán Simbaña
Pedagogía de las Ciencias Experimentales Informática 2C
Programación Estructurada
MSc. Víctor Zapata
Práctica: #
TEMA:
Desarrollo de nuestro primer programa
OBJETIVO:
-Conocer el desarrollo de un programa en “Eclipse”, para este desarrollo tendremos
que comprender lo que son los formularios en Windows builder.
RESULTADOS DE APRENDIZAJE
-Comprensión de la aplicación de Eclipse.
-Uso correcto del código que aplicaremos en Eclipse.
-Aprender el uso correcto de los formularios
ACTIVIDADES:
-Realizar un programa en el que ingrese 1 label que contenga una imagen, 3 botones,
uno que me permita ocultar la imagen, otro que visibilice la imagen y otro para salir
del formulario
DESARROLLO DE CONTENIDOS
1. Creamos un proyecto nuevo de Java.
2. Le ponemos un nombre a nuestro proyecto y le damos clic en Finish.
3. Dentro de nuestro nuevo proyecto crearemos un JFrame, le pondremos
cualquier título.
4. Al crear un JFrame nos aparecerá el siguiente código, aquí podemos empezar a
programar
5. Debemos ir a Design para entrar al formulario
6. Una vez que ingresemos al formulario podemos hacer las modificaciones que
necesitemos
7. Pondremos 1 label que contenga una imagen , y 4 botones, uno que diga cambiar
visible, otro que diga ocultar, otro de regresar y otro de salir
8. En el botón de visible ingresaremos el siguiente código, el cual nos va a permitir
visibilizar la imagen.
JButton btnNewButton = new JButton("VISIBLE");
btnNewButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
lblNewLabel.setVisible(true);
}
9. En el botón de ocultar ingresaremos el siguiente código, el cual nos va a permitir
ocultar la imagen
JButton btnNewButton_1 = new JButton("OCULTAR");
btnNewButton_1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
lblNewLabel.setVisible(false);
}
10. En el botón de salir ingresaremos el siguiente código, el cual nos va a permitir
Salir del formulario.
JButton btnNewButton_1 = new JButton("SALIR");
btnNewButton_1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
System.exit(WIDTH);
}
11. En el botón de regresar ingresaremos el siguiente código, el cual nos va a permitir
Salir del formulario.
JButton btnNewButton_3 = new JButton("REGRESAR");
btnNewButton_3.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
Form4 verForm4=new Form4 ();
verForm4.setVisible(true);
Form2.this.dispose();
12.- Si damos clic ocultar, se nos ocultará la imagen
13.- Si le damos visible, se nos aparecerá la imagen
14.- Si le damos click en SALIR se saldrá del programa
15.- Adjunto el código
import java.awt.BorderLayout;
import java.awt.EventQueue;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JButton;
import javax.swing.JLabel;
import javax.swing.ImageIcon;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import java.awt.Color;
public class form3 extends JFrame {
private JPanel contentPane;
/**
* Launch the application.
*/
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
form3 frame = new form3();
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}
/**
* Create the frame.
*/
public form3() {
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setBounds(100, 100, 450, 300);
contentPane = new JPanel();
contentPane.setBackground(Color.CYAN);
contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
setContentPane(contentPane);
contentPane.setLayout(null);
JLabel lblNewLabel = new JLabel("");
lblNewLabel.setIcon(new
ImageIcon("C:UsersmiltoDesktopUCE_SEGUNDO SEMESTRESELLOS
UNIVERSITARIOS EN PNGEscudo_de_la_Universidad_Central_del_Ecuador.png"));
lblNewLabel.setBounds(88, 11, 200, 125);
contentPane.add(lblNewLabel);
JButton btnNewButton = new JButton("VISIBLE");
btnNewButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
lblNewLabel.setVisible(true);
}
});
btnNewButton.setBounds(10, 147, 89, 23);
contentPane.add(btnNewButton);
JButton btnNewButton_1 = new JButton("OCULTAR");
btnNewButton_1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
lblNewLabel.setVisible(false);
}
});
btnNewButton_1.setBounds(268, 147, 89, 23);
contentPane.add(btnNewButton_1);
JButton btnNewButton_2 = new JButton("SALIR");
btnNewButton_2.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
System.exit(WIDTH);
}
});
btnNewButton_2.setBounds(10, 199, 89, 23);
contentPane.add(btnNewButton_2);
JButton btnNewButton_3 = new JButton("REGRESAR");
btnNewButton_3.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
Form4 verForm4=new Form4 ();
verForm4.setVisible(true);
form3.this.dispose();
}
});
btnNewButton_3.setBounds(268, 199, 89, 23);
contentPane.add(btnNewButton_3);
}
}

Weitere ähnliche Inhalte

Was ist angesagt? (18)

18 por
18 por18 por
18 por
 
Practica 2
Practica 2Practica 2
Practica 2
 
18
1818
18
 
Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)Ver y no_ver_(informe_21)
Ver y no_ver_(informe_21)
 
Formulario u4tema4
Formulario u4tema4Formulario u4tema4
Formulario u4tema4
 
2 eventos de controles vb
2 eventos de controles vb2 eventos de controles vb
2 eventos de controles vb
 
1 eventos - controles - formularios
1   eventos - controles - formularios1   eventos - controles - formularios
1 eventos - controles - formularios
 
In 17
In 17In 17
In 17
 
Manual de usuario Guillen Jenny
Manual de usuario Guillen JennyManual de usuario Guillen Jenny
Manual de usuario Guillen Jenny
 
22
2222
22
 
Unidad 4 tema 4 - 3
Unidad 4 tema 4 - 3Unidad 4 tema 4 - 3
Unidad 4 tema 4 - 3
 
Guia rompecabezas
Guia  rompecabezasGuia  rompecabezas
Guia rompecabezas
 
Informe votaciones
Informe votacionesInforme votaciones
Informe votaciones
 
Informe u4 tema3.1.1
Informe u4 tema3.1.1Informe u4 tema3.1.1
Informe u4 tema3.1.1
 
In 11
In 11In 11
In 11
 
CreacióN De Una Interfaz GráFica Del Usuario(Gui)
CreacióN De Una Interfaz GráFica Del Usuario(Gui)CreacióN De Una Interfaz GráFica Del Usuario(Gui)
CreacióN De Una Interfaz GráFica Del Usuario(Gui)
 
Tutorial Operaciones Aritmeticas Utilizaondo Spinner
Tutorial Operaciones Aritmeticas Utilizaondo SpinnerTutorial Operaciones Aritmeticas Utilizaondo Spinner
Tutorial Operaciones Aritmeticas Utilizaondo Spinner
 
Manual marichuy
Manual marichuyManual marichuy
Manual marichuy
 

Ähnlich wie Unid 4 tema 4 (20)

Informe u4tema3.2
Informe u4tema3.2Informe u4tema3.2
Informe u4tema3.2
 
Unidad 4 tema 2
Unidad 4  tema 2Unidad 4  tema 2
Unidad 4 tema 2
 
In 18
In 18In 18
In 18
 
Informe#17
Informe#17Informe#17
Informe#17
 
17 por
17 por17 por
17 por
 
17
1717
17
 
In 20
In 20In 20
In 20
 
Informe#18
Informe#18Informe#18
Informe#18
 
Informe#20
Informe#20Informe#20
Informe#20
 
Informe#21
Informe#21Informe#21
Informe#21
 
20 por
20 por20 por
20 por
 
21 porta
21 porta21 porta
21 porta
 
In 21
In 21In 21
In 21
 
20
2020
20
 
21
2121
21
 
Und 2 tema 4
Und 2   tema 4Und 2   tema 4
Und 2 tema 4
 
Pract 5
Pract 5Pract 5
Pract 5
 
Informe 4 de formularios
Informe 4 de formulariosInforme 4 de formularios
Informe 4 de formularios
 
Informe#14
Informe#14Informe#14
Informe#14
 
Informe#13
Informe#13Informe#13
Informe#13
 

Mehr von JeffersonGuaman10 (6)

Und 3 tema 3
Und 3  tema 3Und 3  tema 3
Und 3 tema 3
 
Unid 3 tema 2
Unid 3  tema 2Unid 3  tema 2
Unid 3 tema 2
 
Und 2 tema 4
Und 2  tema 4Und 2  tema 4
Und 2 tema 4
 
Unid 2 tema 3
Unid 2  tema 3Unid 2  tema 3
Unid 2 tema 3
 
Und 2 tema 2
Und 2  tema 2Und 2  tema 2
Und 2 tema 2
 
Uni 1 tema 2
Uni 1 tema 2Uni 1 tema 2
Uni 1 tema 2
 

Kürzlich hochgeladen

PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 

Kürzlich hochgeladen (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 

Unid 4 tema 4

  • 1. UNIVERSIDAD CENTRAL DEL ECUADOR Facultad de Filosofía, Letras y Ciencias de la Educación Oliver Steve Guamán Simbaña Pedagogía de las Ciencias Experimentales Informática 2C Programación Estructurada MSc. Víctor Zapata Práctica: # TEMA: Desarrollo de nuestro primer programa OBJETIVO: -Conocer el desarrollo de un programa en “Eclipse”, para este desarrollo tendremos que comprender lo que son los formularios en Windows builder. RESULTADOS DE APRENDIZAJE -Comprensión de la aplicación de Eclipse. -Uso correcto del código que aplicaremos en Eclipse. -Aprender el uso correcto de los formularios ACTIVIDADES: -Realizar un programa en el que ingrese 1 label que contenga una imagen, 3 botones, uno que me permita ocultar la imagen, otro que visibilice la imagen y otro para salir del formulario DESARROLLO DE CONTENIDOS 1. Creamos un proyecto nuevo de Java. 2. Le ponemos un nombre a nuestro proyecto y le damos clic en Finish.
  • 2. 3. Dentro de nuestro nuevo proyecto crearemos un JFrame, le pondremos cualquier título. 4. Al crear un JFrame nos aparecerá el siguiente código, aquí podemos empezar a programar
  • 3. 5. Debemos ir a Design para entrar al formulario 6. Una vez que ingresemos al formulario podemos hacer las modificaciones que necesitemos 7. Pondremos 1 label que contenga una imagen , y 4 botones, uno que diga cambiar visible, otro que diga ocultar, otro de regresar y otro de salir
  • 4. 8. En el botón de visible ingresaremos el siguiente código, el cual nos va a permitir visibilizar la imagen. JButton btnNewButton = new JButton("VISIBLE"); btnNewButton.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { lblNewLabel.setVisible(true); } 9. En el botón de ocultar ingresaremos el siguiente código, el cual nos va a permitir ocultar la imagen JButton btnNewButton_1 = new JButton("OCULTAR"); btnNewButton_1.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { lblNewLabel.setVisible(false); } 10. En el botón de salir ingresaremos el siguiente código, el cual nos va a permitir Salir del formulario. JButton btnNewButton_1 = new JButton("SALIR"); btnNewButton_1.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { System.exit(WIDTH); } 11. En el botón de regresar ingresaremos el siguiente código, el cual nos va a permitir Salir del formulario. JButton btnNewButton_3 = new JButton("REGRESAR"); btnNewButton_3.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { Form4 verForm4=new Form4 (); verForm4.setVisible(true); Form2.this.dispose(); 12.- Si damos clic ocultar, se nos ocultará la imagen
  • 5. 13.- Si le damos visible, se nos aparecerá la imagen 14.- Si le damos click en SALIR se saldrá del programa 15.- Adjunto el código import java.awt.BorderLayout; import java.awt.EventQueue; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.border.EmptyBorder; import javax.swing.JButton; import javax.swing.JLabel; import javax.swing.ImageIcon; import java.awt.event.ActionListener; import java.awt.event.ActionEvent; import java.awt.Color; public class form3 extends JFrame {
  • 6. private JPanel contentPane; /** * Launch the application. */ public static void main(String[] args) { EventQueue.invokeLater(new Runnable() { public void run() { try { form3 frame = new form3(); frame.setVisible(true); } catch (Exception e) { e.printStackTrace(); } } }); } /** * Create the frame. */ public form3() { setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setBounds(100, 100, 450, 300); contentPane = new JPanel(); contentPane.setBackground(Color.CYAN); contentPane.setBorder(new EmptyBorder(5, 5, 5, 5)); setContentPane(contentPane); contentPane.setLayout(null); JLabel lblNewLabel = new JLabel(""); lblNewLabel.setIcon(new ImageIcon("C:UsersmiltoDesktopUCE_SEGUNDO SEMESTRESELLOS UNIVERSITARIOS EN PNGEscudo_de_la_Universidad_Central_del_Ecuador.png")); lblNewLabel.setBounds(88, 11, 200, 125); contentPane.add(lblNewLabel); JButton btnNewButton = new JButton("VISIBLE"); btnNewButton.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { lblNewLabel.setVisible(true); } }); btnNewButton.setBounds(10, 147, 89, 23); contentPane.add(btnNewButton); JButton btnNewButton_1 = new JButton("OCULTAR"); btnNewButton_1.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { lblNewLabel.setVisible(false); } }); btnNewButton_1.setBounds(268, 147, 89, 23); contentPane.add(btnNewButton_1); JButton btnNewButton_2 = new JButton("SALIR"); btnNewButton_2.addActionListener(new ActionListener() {
  • 7. public void actionPerformed(ActionEvent arg0) { System.exit(WIDTH); } }); btnNewButton_2.setBounds(10, 199, 89, 23); contentPane.add(btnNewButton_2); JButton btnNewButton_3 = new JButton("REGRESAR"); btnNewButton_3.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent arg0) { Form4 verForm4=new Form4 (); verForm4.setVisible(true); form3.this.dispose(); } }); btnNewButton_3.setBounds(268, 199, 89, 23); contentPane.add(btnNewButton_3); } }