SlideShare una empresa de Scribd logo
En este diálogo especificamos el nombre de la
aplicación y proyecto (pueden ser iguales) y el
nombre del paquete java donde se almacenarán los
archivos java que creemos (normalmente la url de
su empresa al revés).
Ahora empezaremos a presionar el botón next para pasar a
otras configuraciones de nuestra aplicación, por el
momento dejaremos todos los valores por defecto en cada
una de los diálogos que aparece (son 5 diálogos
actualmente), en el último diálogo debe aparecer el botón
"Finish" el cual presionamos.
Veamos paso a paso como creamos la interfaz visual
de nuestro programa. Primero borramos el TextView
que aparece por defecto cuando se crea un proyecto
con el ADT. Ahora desde la ventana "Palette"
seleccionamos de la pestaña "Form Widgets" el
control "TextView" y lo arrastramos a la ventana de
diseño de nuestra interfaz:
Ahora lo seleccionamos y en la ventana de
propiedades especificamos la propiedad text (como
habíamos visto anteriormente) disponemos el texto
"Ingrese el primer valor:":
También vamos a especificar la propiedad "Id", la
misma aparece primera en la paleta de
propiedades y le asignaremos el valor @+id/num1
(el nombre es el que se indica luego de la barra es
decir cambiamos textView1por tv1) Cuidado de no
borrar @+id/
Hemos entonces asignado como nombre a este
objeto: tv1 (recordemos que se trata de un objeto
de la clase TextView)
Ahora de la paleta de componentes seleccionamos
la pestaña "Text Fields" y arrastramos el primero
(el que tiene la etiqueta abc)
Efectuamos los mismos pasos para crear el segundo
TextView y EditText (inicializamos las propiedades
respectivas) Definimos los id con los nombres num1 y
num2, el resultado visual debe ser algo semejante a
esto:
De la pestaña "Form Widgets" arrastramos un
control de tipo "Button":
Inicializamos la propiedad text con el texto "Sumar" y la
propiedad id la dejamos con el valor ya creado llamado
“Calcular".
Para terminar con nuestra interfaz visual arrastramos un
tercer objeto de tipo TextView y definimos la propiedad
id con el valor “res" y la propiedad text con el texto
"resultado", recordemos que la interfaz final debe ser
semejante a esta:
Si en este momento ejecutamos la aplicación
aparece la interfaz visual correctamente pero
cuando presionemos el botón no mostrará la suma.
Es fundamental una vez finalizada la interfaz visual
proceder a grabarla (icono de los diskettes) o la
opción File->Save para que se actualicen los
archivos que se generan automáticamente.
Hasta ahora hemos trabajado solo con el archivo
xml (activity_main.xml) donde se definen los
controles visuales de la ventana que estamos
creando.
Abrimos seguidamente el archivo MainActivity.java
que lo podemos ubicar en la carpeta src:
La clase MainActivity hereda
de la clase Activity. La clase
Activity representa una
ventana de Android y tiene
todos los métodos necesarios
para crear y mostrar los
objetos que hemos dispuesto
en el archivo xml.
Ahora debemos ir al archivo
XML e inicializar la propiedad
OnClick del objeto Calcular
con el nombre del método
que acabamos de crear (este
paso es fundamental para que
el objeto de la clase Button
pueda llamar al método
sumar que acabamos de
crear):
Asi mismo abriremos nuestro emulador para poder
llevar acabo nuestra aplicación.
Seleccionados Launch
Y dejamos que se abra nuestro emulador para
android….
Después nos abrirá nuestro emulador
Para correrlo seleccionamos nuestro programa,
damos click derecho y seleccionados la opcion RUN
AS de ahí la opcion de 1 Android Application
Después nos abrirá una ventana donde nosotros
seleccionaremos la opcion YES
En la celda inferior con la etiqueta LogCat nos
aparecerá el proceso de nuestro programa, ahí mismo
nos mostrara si existen problemas en dicho
programa.
Si ejecutamos nuestro programa
podemos ver ahora que luego de
cargar dos valores al presionar
el botón aparece en el tercer
TextView el resultado de la suma
de los dos EditText:
Agregamos Valores y listo; y en la parte inferior nos
mostrara el resultado
El programa de eclipse nos facilita muchísimo reusar
código y recursos además de configurar, extender y
personalizar el proceso.
Empezamos a entenderlo cuando la maestra comenzó a
explicarlo y de ahí nos dimos cuenta de que es mas fácil
programarlo con el software que nos recomendó
aprendimos que cada vez que coloquemos una función o
paso dentro del proceso que realizara, este debe ser
exportado hacia la librerías de los códigos y de esta ventana
trabajaremos el programa 3 para que funcione en su
totalidad a fin de que el usuario termine el proceso que se
determine en el inicio del programa con las especificaciones
que el maestro pida.

Más contenido relacionado

La actualidad más candente

Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidTutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidLuis Ernesto Castillo Alfaro
 
Programando en microsoft visual studio 2008
Programando en microsoft visual studio 2008Programando en microsoft visual studio 2008
Programando en microsoft visual studio 2008ibrahimgonzalez
 
Manual de android parte 1
Manual de android parte 1Manual de android parte 1
Manual de android parte 1
ftriana5000
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipse
Lucero De La Cruz
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_VisualBasic
Silvina Micheloud
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
jaquiiMc
 
Tutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 BasicoTutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 Basico
Carola Velazquez
 
Conociendo Visual Basic
Conociendo Visual BasicConociendo Visual Basic
Conociendo Visual Basic
Silvina Micheloud
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
Beydasanchezhernandez
 
Crear Calculadora visual Studio 2008
Crear Calculadora visual Studio 2008Crear Calculadora visual Studio 2008
Crear Calculadora visual Studio 2008
Johniel Cordero
 
Programa 3
Programa 3Programa 3
Programa 3
jaquiiMc
 
Programa 3 Calcular el sueldo
Programa 3 Calcular el sueldoPrograma 3 Calcular el sueldo
Programa 3 Calcular el sueldo
Esmedc20
 

La actualidad más candente (13)

Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidTutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
 
Programando en microsoft visual studio 2008
Programando en microsoft visual studio 2008Programando en microsoft visual studio 2008
Programando en microsoft visual studio 2008
 
Manual de android parte 1
Manual de android parte 1Manual de android parte 1
Manual de android parte 1
 
Investigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipseInvestigacion para agregar una imagen a eclipse
Investigacion para agregar una imagen a eclipse
 
Programa2
Programa2Programa2
Programa2
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_VisualBasic
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
 
Tutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 BasicoTutorial de Windows Phone 7.1 Basico
Tutorial de Windows Phone 7.1 Basico
 
Conociendo Visual Basic
Conociendo Visual BasicConociendo Visual Basic
Conociendo Visual Basic
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
 
Crear Calculadora visual Studio 2008
Crear Calculadora visual Studio 2008Crear Calculadora visual Studio 2008
Crear Calculadora visual Studio 2008
 
Programa 3
Programa 3Programa 3
Programa 3
 
Programa 3 Calcular el sueldo
Programa 3 Calcular el sueldoPrograma 3 Calcular el sueldo
Programa 3 Calcular el sueldo
 

Similar a Programa 2

Programa 2
Programa 2Programa 2
Programa 2
valeangel123
 
Tutorial 1 android
Tutorial 1 androidTutorial 1 android
Tutorial 1 androidlibidinosa
 
Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010
J. Ulises Gonzalez Medina
 
Manual aplicaciones mobiles
Manual aplicaciones mobilesManual aplicaciones mobiles
Manual aplicaciones mobiles
Juan Strongman
 
Mobilessss
MobilessssMobilessss
Mobilessss
Juan Strongman
 
De los temas de android (introduccion-10)
De los temas de android (introduccion-10)De los temas de android (introduccion-10)
De los temas de android (introduccion-10)
equipotresamp
 
Adelanto de los temas de android (introduccion-10)
Adelanto de los temas de android (introduccion-10)Adelanto de los temas de android (introduccion-10)
Adelanto de los temas de android (introduccion-10)equipotresamp
 
Mini Tutorial De Matlab
Mini Tutorial De MatlabMini Tutorial De Matlab
Mini Tutorial De Matlabguestdb8ea2b
 
002-ProgramacionGraficaQt.pdf
002-ProgramacionGraficaQt.pdf002-ProgramacionGraficaQt.pdf
002-ProgramacionGraficaQt.pdf
kv02th
 
APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
Karlozz Patrik Gonzalez May
 
Programa 2 en Eclipse
Programa 2 en Eclipse Programa 2 en Eclipse
Programa 2 en Eclipse
Lucero De La Cruz
 
Objetivo interfas a codigo
Objetivo interfas a codigoObjetivo interfas a codigo
Objetivo interfas a codigoRobert Wolf
 
Guia practicaiuprg3
Guia practicaiuprg3Guia practicaiuprg3
Guia practicaiuprg3
alex sgarcia
 
Pg13
Pg13Pg13
Programa 13 Ciclo while
Programa 13 Ciclo whilePrograma 13 Ciclo while
Programa 13 Ciclo while
Esmedc20
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasicSilvina Micheloud
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
angelinamonetti1
 
Creacion de Aplicaciones en Eclipse
Creacion de Aplicaciones en EclipseCreacion de Aplicaciones en Eclipse
Creacion de Aplicaciones en Eclipse
Leonardo Torres
 

Similar a Programa 2 (20)

Programa 2
Programa 2Programa 2
Programa 2
 
Programa 2
Programa 2Programa 2
Programa 2
 
Tutorial 1 android
Tutorial 1 androidTutorial 1 android
Tutorial 1 android
 
Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010Intro Power Builder - JUGM 2010
Intro Power Builder - JUGM 2010
 
Manual aplicaciones mobiles
Manual aplicaciones mobilesManual aplicaciones mobiles
Manual aplicaciones mobiles
 
Mobilessss
MobilessssMobilessss
Mobilessss
 
De los temas de android (introduccion-10)
De los temas de android (introduccion-10)De los temas de android (introduccion-10)
De los temas de android (introduccion-10)
 
Adelanto de los temas de android (introduccion-10)
Adelanto de los temas de android (introduccion-10)Adelanto de los temas de android (introduccion-10)
Adelanto de los temas de android (introduccion-10)
 
Mini Tutorial De Matlab
Mini Tutorial De MatlabMini Tutorial De Matlab
Mini Tutorial De Matlab
 
002-ProgramacionGraficaQt.pdf
002-ProgramacionGraficaQt.pdf002-ProgramacionGraficaQt.pdf
002-ProgramacionGraficaQt.pdf
 
APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
 
Programa 2 en Eclipse
Programa 2 en Eclipse Programa 2 en Eclipse
Programa 2 en Eclipse
 
Objetivo interfas a codigo
Objetivo interfas a codigoObjetivo interfas a codigo
Objetivo interfas a codigo
 
Guia practicaiuprg3
Guia practicaiuprg3Guia practicaiuprg3
Guia practicaiuprg3
 
Pg13
Pg13Pg13
Pg13
 
Programa 13 Ciclo while
Programa 13 Ciclo whilePrograma 13 Ciclo while
Programa 13 Ciclo while
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasic
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
 
Creacion de Aplicaciones en Eclipse
Creacion de Aplicaciones en EclipseCreacion de Aplicaciones en Eclipse
Creacion de Aplicaciones en Eclipse
 

Más de Beydasanchezhernandez (20)

Presentación16
Presentación16Presentación16
Presentación16
 
Presentación15
Presentación15Presentación15
Presentación15
 
Programa14
Programa14Programa14
Programa14
 
Presentacion13
Presentacion13Presentacion13
Presentacion13
 
Presentación12
Presentación12Presentación12
Presentación12
 
Programa11
Programa11Programa11
Programa11
 
Presentaciónprograma10
 Presentaciónprograma10 Presentaciónprograma10
Presentaciónprograma10
 
Presentacion9
Presentacion9Presentacion9
Presentacion9
 
Programa8
Programa8Programa8
Programa8
 
Programa 7
Programa 7Programa 7
Programa 7
 
Programa14
Programa14Programa14
Programa14
 
Presentación13
Presentación13Presentación13
Presentación13
 
Programa 12
Programa 12Programa 12
Programa 12
 
Presentación113
Presentación113Presentación113
Presentación113
 
Programa92
Programa92Programa92
Programa92
 
Programa82
Programa82Programa82
Programa82
 
Programa72
Programa72Programa72
Programa72
 
Doc2
Doc2Doc2
Doc2
 
Programa 4
Programa 4Programa 4
Programa 4
 
Programa 6
Programa 6Programa 6
Programa 6
 

Programa 2

  • 1.
  • 2.
  • 3. En este diálogo especificamos el nombre de la aplicación y proyecto (pueden ser iguales) y el nombre del paquete java donde se almacenarán los archivos java que creemos (normalmente la url de su empresa al revés).
  • 4. Ahora empezaremos a presionar el botón next para pasar a otras configuraciones de nuestra aplicación, por el momento dejaremos todos los valores por defecto en cada una de los diálogos que aparece (son 5 diálogos actualmente), en el último diálogo debe aparecer el botón "Finish" el cual presionamos.
  • 5.
  • 6.
  • 7.
  • 8. Veamos paso a paso como creamos la interfaz visual de nuestro programa. Primero borramos el TextView que aparece por defecto cuando se crea un proyecto con el ADT. Ahora desde la ventana "Palette" seleccionamos de la pestaña "Form Widgets" el control "TextView" y lo arrastramos a la ventana de diseño de nuestra interfaz:
  • 9. Ahora lo seleccionamos y en la ventana de propiedades especificamos la propiedad text (como habíamos visto anteriormente) disponemos el texto "Ingrese el primer valor:":
  • 10. También vamos a especificar la propiedad "Id", la misma aparece primera en la paleta de propiedades y le asignaremos el valor @+id/num1 (el nombre es el que se indica luego de la barra es decir cambiamos textView1por tv1) Cuidado de no borrar @+id/
  • 11. Hemos entonces asignado como nombre a este objeto: tv1 (recordemos que se trata de un objeto de la clase TextView) Ahora de la paleta de componentes seleccionamos la pestaña "Text Fields" y arrastramos el primero (el que tiene la etiqueta abc)
  • 12. Efectuamos los mismos pasos para crear el segundo TextView y EditText (inicializamos las propiedades respectivas) Definimos los id con los nombres num1 y num2, el resultado visual debe ser algo semejante a esto:
  • 13. De la pestaña "Form Widgets" arrastramos un control de tipo "Button":
  • 14. Inicializamos la propiedad text con el texto "Sumar" y la propiedad id la dejamos con el valor ya creado llamado “Calcular". Para terminar con nuestra interfaz visual arrastramos un tercer objeto de tipo TextView y definimos la propiedad id con el valor “res" y la propiedad text con el texto "resultado", recordemos que la interfaz final debe ser semejante a esta:
  • 15. Si en este momento ejecutamos la aplicación aparece la interfaz visual correctamente pero cuando presionemos el botón no mostrará la suma. Es fundamental una vez finalizada la interfaz visual proceder a grabarla (icono de los diskettes) o la opción File->Save para que se actualicen los archivos que se generan automáticamente. Hasta ahora hemos trabajado solo con el archivo xml (activity_main.xml) donde se definen los controles visuales de la ventana que estamos creando. Abrimos seguidamente el archivo MainActivity.java que lo podemos ubicar en la carpeta src:
  • 16. La clase MainActivity hereda de la clase Activity. La clase Activity representa una ventana de Android y tiene todos los métodos necesarios para crear y mostrar los objetos que hemos dispuesto en el archivo xml.
  • 17. Ahora debemos ir al archivo XML e inicializar la propiedad OnClick del objeto Calcular con el nombre del método que acabamos de crear (este paso es fundamental para que el objeto de la clase Button pueda llamar al método sumar que acabamos de crear):
  • 18. Asi mismo abriremos nuestro emulador para poder llevar acabo nuestra aplicación.
  • 20. Y dejamos que se abra nuestro emulador para android….
  • 21. Después nos abrirá nuestro emulador
  • 22. Para correrlo seleccionamos nuestro programa, damos click derecho y seleccionados la opcion RUN AS de ahí la opcion de 1 Android Application
  • 23. Después nos abrirá una ventana donde nosotros seleccionaremos la opcion YES
  • 24. En la celda inferior con la etiqueta LogCat nos aparecerá el proceso de nuestro programa, ahí mismo nos mostrara si existen problemas en dicho programa.
  • 25. Si ejecutamos nuestro programa podemos ver ahora que luego de cargar dos valores al presionar el botón aparece en el tercer TextView el resultado de la suma de los dos EditText:
  • 26. Agregamos Valores y listo; y en la parte inferior nos mostrara el resultado
  • 27. El programa de eclipse nos facilita muchísimo reusar código y recursos además de configurar, extender y personalizar el proceso. Empezamos a entenderlo cuando la maestra comenzó a explicarlo y de ahí nos dimos cuenta de que es mas fácil programarlo con el software que nos recomendó aprendimos que cada vez que coloquemos una función o paso dentro del proceso que realizara, este debe ser exportado hacia la librerías de los códigos y de esta ventana trabajaremos el programa 3 para que funcione en su totalidad a fin de que el usuario termine el proceso que se determine en el inicio del programa con las especificaciones que el maestro pida.