SlideShare a Scribd company logo
1 of 7
Download to read offline
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".

More Related Content

What's hot (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
 

Viewers also liked (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 to 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 to 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
 

Recently uploaded

NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 

Recently uploaded (20)

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
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
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
 
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.
 
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...
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.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
 
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
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.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.
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
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
 
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
 
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...
 

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".