SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
INTERFAZ GRAFICA DE USUARIO
EJEMPLO CALCULADORA
Ahora si, el primer programa con entorno grafico que nos va a
realizar una suma una resta una multiplicación y una división de
dos números.
Primero vamos a crear nuestro proyecto y lo llamaremos:
File/New Proyect
categorias/java y en Proyects/Java Aplicacion Next
le damos de nombre al proyecto botones_1/Finish
así obtenemos un nuevo proyecto creado, pero falta la ventana
donde vamos a pegar los botones y a darles vida.
1. le damos clic derecho sobre el paquete botones1/New/JFrame
Form
y como nombre para el JFrame le ponemos Ventana / Finish
ahora tenemos una ventana como esta:
antes de arrastrar nuestros botones a la ventana vamos a quitar la
opción de Set Layout que es el que organiza el contenedor
(ventana) colocando los botos en un orden segun el Set Layout
elegido y vamos a elegir Null Layout:
Clic derecho en la ventana/Set Layout/Null Layout.
Ahora veamos hacia el lado derecho en la paleta, hay vamos a
encontrar todos los botones
y vamos a utilizar:
3 Label
4 Button
3 Text Field
Asi quedaria nuestra ventana
Vamos a colocarle los nombres a los botones y cambiarles los
nombres de las variables por defecto:
Para cambiar el nombre al boton Clic derecho en el boton/Edit
Text/"Nombres a colocar"
Para darle nombre a las variables Clic derecho/Change Variable
Name/"Nombres a colocar "
1. Text Field - Sin nombre / Variable Num1
2. Text Field - Sin nombre / Variable Num2
3. Text Field - Sin nombre / Variable Resul
1. Label - Nombre Numero 1 /Sin definir el nombre de variable
2. Label - Nombre Numero 2 /Sin definir el nombre de variable
3. Label - Nombre Resultado /Sin definir el nombre de variable
Fijarse bien la diferencia entre Suma y suma para no causar error
1. Button - Nombre Suma / Variable suma
2. Button - Nombre Resta / Variable resta
3. Button - Nombre Multiplicacion / Variable multiplicacion
4. Button - Nombre Division / Variable division
Antes de programar los botón vamos a definir las variables
Globales que vamos a utilizar
Ahora vamos a programar el botón suma para que al presionarlo
este nos muestre en la casilla resultado la suma de los dos
números.
Damos clic derecho al botón suma/Events/Action/actionPerformed
Escribimos el siguiente código y listo.
Repetimos lo mismo para la resta, multiplicación y división.
para que al arrancar el programa y que este nos muestre la
ventana, tenemos que llamarla desde el Main de la siguiente
manera:
Nombre del JFrame variable = new Nombre del JFrame ( );
variable.setVisible(true);
el nombre de la variable puede ser cualquier nombre que se les
ocurra este va a almacenar el objeto JFrame y utilizaremos el
metodo setVisible ( ) con el valor verdadero para hacer visible
nuestra ventana.
Nota: setVisble (Booleanos) solo recibe valores boleanos "true",
"false".

Más contenido relacionado

La actualidad más candente (16)

Array de Control
Array de ControlArray de Control
Array de Control
 
MANUAL USUARIO PROGRAMACION
MANUAL USUARIO PROGRAMACIONMANUAL USUARIO PROGRAMACION
MANUAL USUARIO PROGRAMACION
 
Taller macro
Taller macroTaller macro
Taller macro
 
Informe 3 de formularios
Informe 3 de formulariosInforme 3 de formularios
Informe 3 de formularios
 
Objetivo interfas a codigo
Objetivo interfas a codigoObjetivo interfas a codigo
Objetivo interfas a codigo
 
Mannual de moviles
Mannual de movilesMannual de moviles
Mannual de moviles
 
Macros
Macros  Macros
Macros
 
Taller de macros
Taller de macrosTaller de macros
Taller de macros
 
Práctica 16 menú desplegable
Práctica 16 menú desplegablePráctica 16 menú desplegable
Práctica 16 menú desplegable
 
Práctica 16
Práctica  16Práctica  16
Práctica 16
 
Práctica 16
Práctica  16Práctica  16
Práctica 16
 
Practica 8
Practica 8Practica 8
Practica 8
 
,Ams
,Ams,Ams
,Ams
 
Tutorial para utilizar Matematica Microsoft 3.0
Tutorial para utilizar Matematica Microsoft 3.0Tutorial para utilizar Matematica Microsoft 3.0
Tutorial para utilizar Matematica Microsoft 3.0
 
Practica 18
Practica 18Practica 18
Practica 18
 
Practica18 121020170102-phpapp02
Practica18 121020170102-phpapp02Practica18 121020170102-phpapp02
Practica18 121020170102-phpapp02
 

Destacado (9)

Calculadora con operaciones básicas en java
Calculadora con operaciones básicas en javaCalculadora con operaciones básicas en java
Calculadora con operaciones básicas en java
 
Lvp jcreator
Lvp jcreatorLvp jcreator
Lvp jcreator
 
Java lab1 manual
Java lab1 manualJava lab1 manual
Java lab1 manual
 
Pengenalan Jcreator
Pengenalan JcreatorPengenalan Jcreator
Pengenalan Jcreator
 
Inicio jcreator practica1
Inicio jcreator practica1Inicio jcreator practica1
Inicio jcreator practica1
 
Tutorial jcreator claudia laguna coronel
Tutorial jcreator  claudia laguna coronelTutorial jcreator  claudia laguna coronel
Tutorial jcreator claudia laguna coronel
 
Instalación JDK & Jcreator
Instalación JDK & JcreatorInstalación JDK & Jcreator
Instalación JDK & Jcreator
 
Contenedores Swing en Netbeans
Contenedores Swing en NetbeansContenedores Swing en Netbeans
Contenedores Swing en Netbeans
 
Ejercicios resueltos de java
Ejercicios resueltos de javaEjercicios resueltos de java
Ejercicios resueltos de java
 

Similar a Interfaz+grafica+de+usuario

Informe Tecnico Topicos Avanzados de Programacion
 Informe Tecnico Topicos Avanzados de Programacion Informe Tecnico Topicos Avanzados de Programacion
Informe Tecnico Topicos Avanzados de Programacion
AnaMaari
 
Ejercicios_Basicos_de_netbeans (1).doc
Ejercicios_Basicos_de_netbeans (1).docEjercicios_Basicos_de_netbeans (1).doc
Ejercicios_Basicos_de_netbeans (1).doc
AnaLpez275
 
Ejercicios_Basicos_de_netbeans.doc
Ejercicios_Basicos_de_netbeans.docEjercicios_Basicos_de_netbeans.doc
Ejercicios_Basicos_de_netbeans.doc
AnaLpez275
 
Ejercicios_Basicos_de_netbeans (2).doc
Ejercicios_Basicos_de_netbeans (2).docEjercicios_Basicos_de_netbeans (2).doc
Ejercicios_Basicos_de_netbeans (2).doc
AnaLpez275
 
Ejercicios_Basicos_de_netbeans (3).doc
Ejercicios_Basicos_de_netbeans (3).docEjercicios_Basicos_de_netbeans (3).doc
Ejercicios_Basicos_de_netbeans (3).doc
AnaLpez275
 

Similar a Interfaz+grafica+de+usuario (20)

Universidad politécnica salesiana
Universidad politécnica salesianaUniversidad politécnica salesiana
Universidad politécnica salesiana
 
Formulario u4tema4
Formulario u4tema4Formulario u4tema4
Formulario u4tema4
 
Programa 2 "Sumar"
Programa 2 "Sumar"Programa 2 "Sumar"
Programa 2 "Sumar"
 
Informe Tecnico Topicos Avanzados de Programacion
 Informe Tecnico Topicos Avanzados de Programacion Informe Tecnico Topicos Avanzados de Programacion
Informe Tecnico Topicos Avanzados de Programacion
 
Guia practicaiuprg3
Guia practicaiuprg3Guia practicaiuprg3
Guia practicaiuprg3
 
Menu de programas
Menu de programasMenu de programas
Menu de programas
 
Unidad4tema4 210404040205
Unidad4tema4 210404040205Unidad4tema4 210404040205
Unidad4tema4 210404040205
 
Unidad4tema4 210404040205
Unidad4tema4 210404040205Unidad4tema4 210404040205
Unidad4tema4 210404040205
 
Unidad 4 tema 4
Unidad 4 tema 4Unidad 4 tema 4
Unidad 4 tema 4
 
Unidad 4 tema 4
Unidad 4 tema 4Unidad 4 tema 4
Unidad 4 tema 4
 
Ejercicios_Basicos_de_netbeans (1).doc
Ejercicios_Basicos_de_netbeans (1).docEjercicios_Basicos_de_netbeans (1).doc
Ejercicios_Basicos_de_netbeans (1).doc
 
Ejercicios_Basicos_de_netbeans.doc
Ejercicios_Basicos_de_netbeans.docEjercicios_Basicos_de_netbeans.doc
Ejercicios_Basicos_de_netbeans.doc
 
Ejercicios_Basicos_de_netbeans (2).doc
Ejercicios_Basicos_de_netbeans (2).docEjercicios_Basicos_de_netbeans (2).doc
Ejercicios_Basicos_de_netbeans (2).doc
 
Ejercicios_Basicos_de_netbeans (3).doc
Ejercicios_Basicos_de_netbeans (3).docEjercicios_Basicos_de_netbeans (3).doc
Ejercicios_Basicos_de_netbeans (3).doc
 
Manual 1
Manual 1Manual 1
Manual 1
 
Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010
 
Plan menus swing
Plan menus swingPlan menus swing
Plan menus swing
 
Informe#21
Informe#21Informe#21
Informe#21
 
21 porta
21 porta21 porta
21 porta
 
21
2121
21
 

Último

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
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
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
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í
 

Último (20)

Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
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
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
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
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
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.
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
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
 
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
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
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
 
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
 

Interfaz+grafica+de+usuario

  • 1. INTERFAZ GRAFICA DE USUARIO EJEMPLO CALCULADORA Ahora si, el primer programa con entorno grafico que nos va a realizar una suma una resta una multiplicación y una división de dos números. Primero vamos a crear nuestro proyecto y lo llamaremos: File/New Proyect categorias/java y en Proyects/Java Aplicacion Next le damos de nombre al proyecto botones_1/Finish
  • 2. así obtenemos un nuevo proyecto creado, pero falta la ventana donde vamos a pegar los botones y a darles vida. 1. le damos clic derecho sobre el paquete botones1/New/JFrame Form y como nombre para el JFrame le ponemos Ventana / Finish
  • 3. ahora tenemos una ventana como esta: antes de arrastrar nuestros botones a la ventana vamos a quitar la opción de Set Layout que es el que organiza el contenedor (ventana) colocando los botos en un orden segun el Set Layout elegido y vamos a elegir Null Layout: Clic derecho en la ventana/Set Layout/Null Layout. Ahora veamos hacia el lado derecho en la paleta, hay vamos a encontrar todos los botones y vamos a utilizar:
  • 4. 3 Label 4 Button 3 Text Field Asi quedaria nuestra ventana Vamos a colocarle los nombres a los botones y cambiarles los nombres de las variables por defecto: Para cambiar el nombre al boton Clic derecho en el boton/Edit Text/"Nombres a colocar" Para darle nombre a las variables Clic derecho/Change Variable Name/"Nombres a colocar " 1. Text Field - Sin nombre / Variable Num1 2. Text Field - Sin nombre / Variable Num2 3. Text Field - Sin nombre / Variable Resul 1. Label - Nombre Numero 1 /Sin definir el nombre de variable 2. Label - Nombre Numero 2 /Sin definir el nombre de variable 3. Label - Nombre Resultado /Sin definir el nombre de variable
  • 5. Fijarse bien la diferencia entre Suma y suma para no causar error 1. Button - Nombre Suma / Variable suma 2. Button - Nombre Resta / Variable resta 3. Button - Nombre Multiplicacion / Variable multiplicacion 4. Button - Nombre Division / Variable division Antes de programar los botón vamos a definir las variables Globales que vamos a utilizar
  • 6. Ahora vamos a programar el botón suma para que al presionarlo este nos muestre en la casilla resultado la suma de los dos números. Damos clic derecho al botón suma/Events/Action/actionPerformed Escribimos el siguiente código y listo. Repetimos lo mismo para la resta, multiplicación y división. para que al arrancar el programa y que este nos muestre la ventana, tenemos que llamarla desde el Main de la siguiente manera: Nombre del JFrame variable = new Nombre del JFrame ( ); variable.setVisible(true); el nombre de la variable puede ser cualquier nombre que se les ocurra este va a almacenar el objeto JFrame y utilizaremos el metodo setVisible ( ) con el valor verdadero para hacer visible nuestra ventana.
  • 7. Nota: setVisble (Booleanos) solo recibe valores boleanos "true", "false".