Android
Upcoming SlideShare
Loading in...5
×
 

Android

on

  • 312 views

programar en android

programar en android

Statistics

Views

Total Views
312
Views on SlideShare
312
Embed Views
0

Actions

Likes
0
Downloads
12
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Android Android Presentation Transcript

  • Captura del clic de un botónANDROID
  • Problema:• Realizar la carga de dos números en controlesde tipo EditText. Mostrar un mensaje quesolicite la carga de los valores. Disponer unButton para sumar los dos valores ingresados.Mostrar el resultado en un tercer TextView.• La interfaz visual debe quedar algo semejantea esto:
  • PASO 1• Veamos paso a paso como creamos la interfazvisual de nuestro programa. Primeroborramos el TextView que aparece por defectocuando se crea un proyecto con el ADT. Ahoradesde la ventana "Palette" seleccionamos dela pestaña "Form Widgets" el control"TextView" y lo arrastramos a la ventana dediseño de nuestra interfaz:
  • PASO 2• Ahora lo seleccionamos y en la ventana depropiedades especificamos la propiedad text(como habíamos visto anteriormente)disponemos el texto "Ingrese el primer valor:":
  • PASO 3• También vamos a especificar la propiedad"Id", la misma aparece primera en la paleta depropiedades y le asignaremos el valor@+id/tv1 (el nombre es el que se indica luegode la barra es decir cambiamos textView1 portv1) Cuidado de no borrar @+id/
  • PASO4• Hemos entonces asignado como nombre aeste objeto: tv1 (recordemos que se trata deun objeto de la clase TextView)• Ahora de la paleta de componentesseleccionamos la pestaña "Text Fields" yarrastramos el primero (el que tiene laetiqueta abc)
  • PASO 5• En la ventana de properties estando seleccionadoel EditText configuramos la propiedad Id... con elnombre et1 (este nombre haremos referenciaposteriormente desde Java)• Efectuamos los mismos pasos para crear elsegundo TextView y EditText (inicializamos laspropiedades respectivas) Definimos los id con losnombres tv2 y et2, el resultado visual debe seralgo semejante a esto:
  • PASO 6• De la pestaña "Form Widgets" arrastramos uncontrol de tipo "Button":
  • PASO 7• Inicializamos la propiedad text con el texto"Sumar" y la propiedad id la dejamos con elvalor ya creado llamado "button1".• Para terminar con nuestra interfaz visualarrastramos un tercer objeto de tipo TextViewy definimos la propiedad id con el valor "tv3" yla propiedad text con el texto"resultado", recordemos que la interfaz finaldebe ser semejante a esta:
  • PASO 8• Si en este momento ejecutamos la aplicación aparecela interfaz visual correctamente pero cuandopresionemos el botón no mostrará la suma.• Es fundamental una vez finalizada la interfaz visualproceder a grabarla (icono de los diskettes) o laopción File->Save para que se actualicen los archivosque se generan automáticamente.• Hasta ahora hemos trabajado solo con el archivo xml(activity_main.xml) donde se definen los controlesvisuales de la ventana que estamos creando.• Abrimos seguidamente el archivo MainActivity.java quelo podemos ubicar en la carpeta src:
  • Paso 9• La clase MainActivity hereda de la claseActivity. La clase Activity representa unaventana de Android y tiene todos los métodosnecesarios para crear y mostrar los objetosque hemos dispuesto en el archivo xml.• El código fuente de la clase MainActivity.javaes:
  • • Como mínimo se debe sobrescribir el método onCreateheredado de la clase Activity donde procedemos a llamar lamétodo setContentView pasando como referencia una valoralmacenado en una constante llamada activity_main contenidaen una clase llamada layout que a su vez la contiene una clasellamada R (veremos más adelante que el ADT se encarga de crearla clase R en forma automática y sirve como puente entre elarchivo xml y nuestra clase MainActivity)•Luego veremos el otro método onCreateOptionsMenu.• Captura de eventos.• Ahora viene la parte donde definimos variables en java dondealmacenamos las referencias a los objetos definidos en el archivoXML.• Definimos tres variables, dos de tipo EditText y finalmente unade tipo TextView (estas dos clases se declaran en el paqueteandroid.widget, es necesario importar dichas clases para poderdefinir las variables de dichas clases):
  • Al método findViewById debemos pasar la constante creada en laclase R (recordemos que se crea automáticamente esta clase) elnombre de la constante si debe ser igual con el nombre de lapropiedad del objeto creado en el archivo XML. Como la clasefindViewById retorna una clase de tipo View luego debemosutilizar el operador cast (es decir le antecedemos entreparéntesis el nombre de la clase)Ya tenemos almacenados en las variables las referencias a lostres objetos que se crean al llamar almétodo:setContentView(R.layout.main); .Ahora planteamos el método que se ejecutará cuando sepresione el botón (el método debe recibir como parámetro unobjeto de la clase View) En nuestro ejemplo lo llamé sumar:
  • Paso 10• Debemos importar lar clase View (Control-Shift-O)• Ahora debemos ir al archivo XML e inicializar lapropiedad OnClick del objeto button1 con elnombre del método que acabamos de crear (estepaso es fundamental para que el objeto de laclase Button pueda llamar al método sumar queacabamos de crear):•
  • Paso 10Finalmente implementaremos la lógica para sumar los dos valores ingresadosen los controles EditText:public void sumar(View view) {String valor1=et1.getText().toString();String valor2=et2.getText().toString();int nro1=Integer.parseInt(valor1);int nro2=Integer.parseInt(valor2);int suma=nro1+nro2;String resu=String.valueOf(suma);tv3.setText(resu);}Extraemos el texto de los dos controles de tipo EditText y los almacenamosen dos variables locales de tipo String. Convertimos los String a tipo entero,los sumamos y el resultado lo enviamos al TextView donde se muestra lasuma (previo a convertir la suma a String)• La clase completa queda entonces como:
  • • Si ejecutamos nuestro programa podemos verahora que luego de cargar dos valores alpresionar el botón aparece en el tercerTextView el resultado de la suma de los dosEditText:•