Primera Aplicación en Android Estudió

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$%


2/29


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


4/29


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-


6/29


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/29


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%


10/29


11/29

De la pestaa "!orm id#ets"arrastramos un control de tipo "3utton"%


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%


13/29


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%


15/29


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%


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


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


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


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


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%


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


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)%


24/29


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


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


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


28/29


29/29

Primera Aplicación en Android Estudió

Documents

Transcript of Primera Aplicación en Android Estudió