Post on 06-Jul-2018
8/17/2019 Primera Aplicación en Android Estudió
1/29
Primera Aplicación en
Android estudió
Primero borramos el TextView queaparece por defecto cuando se crea unproyecto con el ADT. Ahora desde laventana "Palette" seleccionamos de la
pestaa "!orm id#ets" el control"TextView" y lo arrastramos a la ventanade diseo de nuestra interfa$%
8/17/2019 Primera Aplicación en Android Estudió
2/29
8/17/2019 Primera Aplicación en Android Estudió
3/29
• Ahora lo seleccionamos y en laventana de propiedades
especi&camos la propiedad text'como hab(amos visto anteriormente)disponemos el texto "*n#rese el
primer valor%"
8/17/2019 Primera Aplicación en Android Estudió
4/29
8/17/2019 Primera Aplicación en Android Estudió
5/29
• Tambi+n vamos a especi&car la
propiedad "*d", la misma apareceprimera en la paleta de propiedadesy le asi#naremos el valor 'el nombrees el que se indica lue#o de la barraes decir cambiamos textView- por
TV-
8/17/2019 Primera Aplicación en Android Estudió
6/29
8/17/2019 Primera Aplicación en Android Estudió
7/29
• emos entonces asi#nado comonombre a este ob/eto% TV-'recordemos que se trata de unob/eto de la clase TextView)
• Ahora de la paleta de componentes
seleccionamos la pestaa "Text!ields" y arrastramos el primero 'elque tiene la etiqueta abc)
8/17/2019 Primera Aplicación en Android Estudió
8/29
8/17/2019 Primera Aplicación en Android Estudió
9/29
• 0n la ventana de properties estandoseleccionado el 0ditText conuramos lapropiedad *d... con el nombre 0T- 'este
nombre haremos referenciaposteriormente desde 1ava)• 0fectuamos los mismos pasos para crear el
se#undo TextView y 0ditText 'iniciali$amos
las propiedades respectivas) De&nimos losid con los nombres TV2 y 0T2, el resultadovisual debe ser al#o seme/ante a esto%
8/17/2019 Primera Aplicación en Android Estudió
10/29
8/17/2019 Primera Aplicación en Android Estudió
11/29
De la pestaa "!orm id#ets"arrastramos un control de tipo "3utton"%
8/17/2019 Primera Aplicación en Android Estudió
12/29
• *niciali$amos la propiedad text con eltexto "4umar" y la propiedad id lade/amos con el valor ya creado llamado
"button-".• Para terminar con nuestra interfa$ visual
arrastramos un tercer ob/eto de tipo TextView y de&nimos la propiedad id conel valor 5TV6" y la propiedad text con eltexto "resultado", recordemos que lainterfa$ &nal debe ser seme/ante a esta%
8/17/2019 Primera Aplicación en Android Estudió
13/29
8/17/2019 Primera Aplicación en Android Estudió
14/29
• Es fundamental una veznalizada la interfaz visual
proceder a guardarla.• asta ahora hemos traba/ado solo
con el archivo xml
'activity7main.xml) donde se de&nenlos controles visuales de la ventanaque estamos creando.
•
Abrimos se#uidamente el archivo8ainActivity./ava que lo podemosubicar en la carpeta src%
8/17/2019 Primera Aplicación en Android Estudió
15/29
8/17/2019 Primera Aplicación en Android Estudió
16/29
• 9a clase 8ainActivity hereda de la
clase Activity.• 9a clase Activity representa una
ventana de Android y tiene todos los
m+todos necesarios para crear ymostrar los ob/etos que hemosdispuesto en el archivo xml.
• 0l códi#o fuente de la clase8ainActivity./ava es%
8/17/2019 Primera Aplicación en Android Estudió
17/29
• pac:a#e A;?83@0 D09 P@?0BT? ;A4T0 A9 *>*B*?• import android.os.3undle• import android.app.Activity• import android.view.8enu•
public class 8ainActivity extends Activity• E• F?verride protected void onBreate• '3undle saved*nstance4tate)• E• super.onBreate'saved*nstance4tate)
setBontentView'@.layout.activity7main)• G• F?verride public boolean onBreate?ptions8enu'8enu menu)• E• HH *nIate the menu•
this adds items to the action bar if it is present.• #et8enu*nIater').inIate'@.menu.activity7main, menu)• return true• G• G
8/17/2019 Primera Aplicación en Android Estudió
18/29
• Bomo m(nimo se debe sobrescribir el m+todoonBreate heredado de la clase Activity donde
procedemos a llamar la m+todosetBontentView pasando como referencia unavalor almacenado en una constante llamadaactivity7main contenida en una clase llamada
layout que a su ve$ la contiene una clasellamada @ 'veremos mJs adelante que el ADTse encar#a de crear la clase @ en formaautomJtica y sirve como puente entre el
archivo xml y nuestra clase 8ainActivity)9ue#o veremos el otro m+todoonBreate?ptions8enu.
Ah i l t d d
8/17/2019 Primera Aplicación en Android Estudió
19/29
Ahora viene la parte dondede&nimos variables en /ava donde
almacenamos las referencias a losob/etos de&nidos en el archivoK89.
De&nimos tres variables, dos detipo 0ditText y &nalmente una detipo TextView 'estas dos clases se
declaran en el paqueteandroid.wid#et, es necesarioimportar dichas clases para poder
de&nir las variables de dichas
8/17/2019 Primera Aplicación en Android Estudió
20/29
• pac:a#e A;?83@0 D09 P@?0BT? ;A4T0 A9 *>*B*?• import android.app.Activity• import android.os.3undle• import android.view.8enu• import android.wid#et.0ditText• import android.wid#et.TextView
• public class 8ainActivity extends Activity• E• private 0ditText et-,et2•
private TextView tv6• F?verride protected void onBreate'3undle saved*nstance4tate)• E super.onBreate'saved*nstance4tate)
setBontentView'@.layout.activity7main)• G• F?verride public boolean onBreate?ptions8enu'8enu menu)• E• HH *nIate the menu• this adds items to the action bar if it is present.
#et8enu*nIater').inIate'@.menu.activity7main, menu) return true• G• G
8/17/2019 Primera Aplicación en Android Estudió
21/29
• Al m+todo &ndView3y*d debemos pasar la constantecreada en la clase @ 'recordemos que se creaautomJticamente esta clase) el nombre de la
constante si debe ser i#ual con el nombre de lapropiedad del ob/eto creado en el archivo K89. Bomola clase &ndView3y*d retorna una clase de tipo Viewlue#o debemos utili$ar el operador cast 'es decir leantecedemos entre par+ntesis el nombre de la clase)
• a tenemos almacenados en las variables lasreferencias a los tres ob/etos que se crean al llamaral m+todo%setBontentView'@.layout.main) .
• Ahora planteamos el m+todo que se e/ecutarJ
cuando se presione el botón 'el m+todo debe recibircomo parJmetro un ob/eto de la clase View) 0nnuestro e/emplo lo llam+ sumar%
8/17/2019 Primera Aplicación en Android Estudió
22/29
• import android.app.Activity• import android.os.3undle• import android.view.8enu• import android.view.View• import android.wid#et.0ditText• import android.wid#et.TextView•
public class 8ainActivity extends Activity• E• private 0ditText 0T-,0T2• private TextView TV6• F?verride protected void onBreate'3undle saved*nstance4tate)• E• super.onBreate'saved*nstance4tate)• setBontentView'@.layout.activity7main)• 0T-L'0ditText)&ndView3y*d'@.id.0T-)• 0T2L'0ditText)&ndView3y*d'@.id.0T2)• TV6L'TextView)&ndView3y*d'@.id.TV6)• G• F?verride public boolean onBreate?ptions8enu'8enu menu)• E• HH *nIate the menu this adds items to the action bar if it is present.
#et8enu*nIater').inIate'@.menu.activity7main, menu)• return true• G• HH0ste m+todo se e/ecutarJ cuando se presione el botón public void sumar'View view)• E• G• G
8/17/2019 Primera Aplicación en Android Estudió
23/29
• Debemos importar lar clase View
'BontrolM4hiftM?)• Ahora debemos ir al archivo K89 e
iniciali$ar la propiedad ?nBlic: del
ob/eto button- con el nombre delm+todo que acabamos de crear 'estepaso es fundamental para que elob/eto de la clase 3utton puedallamar al m+todo sumar queacabamos de crear)%
8/17/2019 Primera Aplicación en Android Estudió
24/29
8/17/2019 Primera Aplicación en Android Estudió
25/29
• 0xtraemos el texto de los doscontroles de tipo 0ditText y losalmacenamos en dos variables
locales de tipo 4trin#. Bonvertimoslos 4trin# a tipo entero, los sumamosy el resultado lo enviamos al
TextView donde se muestra la suma'previo a convertir la suma a 4trin#)• 9a clase completa queda entonces
como
i t d id A ti it
8/17/2019 Primera Aplicación en Android Estudió
26/29
• import android.app.Activity• import android.os.3undle• import android.view.8enu• import android.view.View• import android.wid#et.0ditText• import android.wid#et.TextView• public class 8ainActivity extends Activity• E• private 0ditText 0T-,0T2
• private TextView TV6• F?verride protected void onBreate'3undle
saved*nstance4tate)•
E
8/17/2019 Primera Aplicación en Android Estudió
27/29
• super.onBreate'saved*nstance4tate)• setBontentView'@.layout.activity7main)• 0T-L'0ditText)&ndView3y*d'@.id.0T-)• 0T2L'0ditText)&ndView3y*d'@.id.0T2)• TV6L'TextView)&ndView3y*d'@.id.TV6)• G• F?verride public boolean onBreate?ptions8enu'8enu menu)• E• HH *nIate the menu• this adds items to the action bar if it is present.
#et8enu*nIater').inIate'@.menu.activity7main, menu)
• return true• G• HH0ste m+todo se e/ecutarJ cuando se presione el botón public void sumar'View
view)• E• 4trin# valor-Let-.#etText').to4trin#')•
4trin# valor2Let2.#etText').to4trin#')• int numero-L*nte#er.parse*nt'valor-)• int numero2L*nte#er.parse*nt'valor2)• int sumaLnumero-Nnumero2• 4trin# resultadoL4trin#.value?f'suma)• TV6.setText'resultado)•
G• G
8/17/2019 Primera Aplicación en Android Estudió
28/29
8/17/2019 Primera Aplicación en Android Estudió
29/29