Crea una aplicación Hola Mundo en Android con imagen y botón
1.
2. 1.- Loprimeroquedebemos hacer es crear unproyecto Javanuevo: File – New – Java Project.
Nombredelproyecto: Es elnombredelacarpetaque apareceráentucomputadora.
Nombredelaaplicación: Es el nombrequeseregistraenelarchivoAndroidManifest.xmlque básicamentees elquecontienetoda
la informaciónacercadelos componentes yrecursos queutilizatuaplicación.
Nombredelpaquete: Estenombrelodefinimos conlanotaciónpalabra.palabra.palabra. Tener tres niveles entupaquete es un
buen número.Cuando organizamos nuestroproyecto,utilizaremos los paquetes paraordenar cada una de las clases que vayamos
a ocupar.
NombredelaActivity: Recuerdaque las actividades sonlas interfaces deusuario de las aplicaciones Android. Por default
Eclipsenos creaunaactividad principalquees necesariaparaque la aplicacióndel“HolaMundo!” funcione. En estecampoes
dónde le asignaremos elnombreaesaactividad.
Terecomiendo esteexcelentepostqueabarca una explicaciónmuydetallada acercade cada uno de los directorios ycomponentes
de un proyectoAndroid.
2. El desarrolloenAndroidlotrabajamos bajo un patrónsimilar al modelovistacontrolador (desmiéntamesi enverdadsebasa
enél oen una variante)endónde por un lado tendremos elcódigoXML paradiseñar lainterfaz de la aplicaciónypor otro
nuestrocódigoenJava que manejarála funcionalidad. Así que empezaremos pordiseñar ellayout que tendrálaaplicación.
Abreel archivo res >layout > main.xml. Pordefault encontrarás unelementoLinearLayout yun TextView; elprimero
correspondeaun tipodeinterfaz que nos permiteacomodar los elementosmedianteunflujo linealy elsegundo elementose
utilizaparadesplegar sumensajeenpantalla. (Puedes correr laaplicaciónparaque veas elresultado en elAVD).
Vamos aagregar un botónyuna imagenparaque nuestraaplicaciónnoluzca tan sobriaconayuda del siguientecódigo:
Creamos ahoraunacarpetallamada drawable dentrodel directorio res delproyecto.Aquí pegaremos alguna imagenque seade
nuestroagrado, yo hepuestoellogo del blog condimensionesde150×150px.
En elelemento ImageViewqueagregamos enel XML, hayque poner especialatenciónalatributo android:src cuyo valor es un
signo@ + elnombredelacarpetaque contienelaimagen + un slash(/) + el nombredelarchivodeimagenque pusisteen
esa carpeta. Si tu imagensellama yo.png y copiasteelcódigodel archivotal y comolopuseenlaimagen obtendrás unerror ya
que Eclipseestarábuscandoun archivollamado androideity.
3. Ahorapasemos ala partede la funcionalidad. Abreel archivo src>TimeMain.javayescribiremos elsiguientecódigo:
Laprimerapartecorrespondealaimportacióndealgunas clases que nos permitiránmanipular elbotónquedeclaramos en el
diseñodel layout enel pasoanterior ylaclase Date que nos permitirádesplegar lahoraennuestrobotón.
Luego, creamos unobjetode laclase Button paraque conla sentenciafindViewById(R.id.btn) podamos hacer referenciahacialas
características visuales delbotónymientras tantoenJavapodamos manipularloasignándoleeventos en laaplicación.
3. Tambiéncreamos unasencillafunciónllamada updateTime()quepermitirámostrar los datos dela fechay horaenelbotónde la
aplicaciónyque serámandada allamar cada vezque elusuario de clicenelmismo.
Esteeventosemandaa llamar a través de la función onClick()que es un métodoque sobreescribimosdelaclase View. Si tefijas
enla declaraciónde la clase TimeMainverásqueademás de heredar de la clase Activitytambiénestáimplementandola
interfaz View. OnClicListener quese utilizaparaque podamos definir eleventoque sedisparará cada vez que elusuario de clic
sobreunobjetode tipo View. Lacadena de herenciavieneasí: View>TextView>Button.
4. Yaconestopodemos ejecutar laaplicacióny elresultado es el siguiente:
Cómo cargar imágenes en un emulador Android
El Google Android SDKincluye unemulador
que usas para probar lafuncionalidadde tusaplicaciones Android.
Para cargar una imagen enel emulador,debesagregarlaimagen
a tu aplicaciónAndroid enlaplataformade programaciónEclipse.
Androidincluye variasimágenespredeterminadasque puedesusar
para configuraruna interfazde usuarioconiconos.