Skip to content


Mi primera App Hola Mundo con Android Studio

Sueñas con crear tu propia App ? Quieres ser como el creador de Flappy Bird y ganar miles de dólares al dia ? Aquí te voy a enseñar los primeros pasos. android

Y si tienes mucha paciencia, no te rindes y tienes un poco de suerte tal vez puedas ganar mucho dinero con tu app o simplemente saber que puedes hacerlo.oracle web

En este humilde tutorial usaremos Android Studio que facilita mucho las cosas antes que Eclipse. Lo primero que debemos hacer es instalar el Java Development Kit o JDK , aviso, no sirve el JRE o Java normal y corriente que todos tenemos instalado. Lo encontraremos en la página de Oracle, clicamos en JDK Download, aceptamos la licencia y descargamos e instalamos la versión de nuestro sistema de 32 o 64 bits (Windows x86 / x64).

SDK managerDescargamos e instalamos Android Studio desde la web oficial de Android para desarrolladores. Entramos en el programa, y vamos al SDK Manager SDK manager icon para instalar los paquetes que nos propone clicando en Install packages, esto es la versión y herramientas necesarias de Android para poder hacer funcionar el entorno de desarrollo. Adicionalmente podemos también instalar las versiones, samples y documentación que queramos.

 

 

Ahora vamos a hacer nuestra primera App. Vamos a File > New Project > y la llamamos Hola Mundo > Next > Phone and Tablet > Blank Activity > Next > Finish. Increible pero ya tenemos nuestra primera App que dice Hello world ! cuando la abres. Vamos a aprender un poquito mas. En el panel de la izquierda seleccionamos la carpeta drawable-hdpi  que está en HolaMundo\app\src\main\res\ y con el botón derecho abrimos Show in Explorer, es en esta carpeta drawable-hdpi es donde colocamos una imagen png que nos servirá de fondo splatter y otra imagen png de un zombie para decorar.

En el panel central de Android Studio tenemos seleccionado activity_my.xml y abajo clicamos en Design para que se nos abra el modo visual, en el panel de la derecha, Properties tenemos background, clicamos a su derecha y en los tres puntos, se nos abre una ventana de Resources, seleccionamos splatter y OK. En el panel central seleccionamos ImageButton que está en Widgets, lo arrastramos al móvil que tenemos en el centro y soltamos, a la derecha en background clicamos en los tres puntos que aparecen cuando clicamos, y como antes ahora seleccionamos zombie, ahora en la vista de diseño podemos cambiarlo de posición.

android studio hello world

En el panel de la izquierda abrimos con doble clic el archivo strings.xml que se encuentra en app\src\main\res\values\ y cambiamos los valores del xml para que quede así:

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>
<string name=”app_name”>Hello planet</string>
<string name=”hello_world”>Hello world!</string>
<string name=”action_settings”>Settings</string>
</resources>

 seleccionamos todo el texto y lo copiamos, en el panel de la izquierda seleccionamos la carpeta res y con boton derecho > New > Directory > values-es > ok > seleccionamos el nuevo directorio values-es > botón derecho > New > File > strings.xml > OK > pegamos en él el xml anterior y lo editamos para que quede así:

<?xml version=”1.0″ encoding=”utf-8″?>
<resources>
<string name=”app_name”>Hola Tierra</string>
<string name=”hello_world”>Hola mundo!</string>
<string name=”action_settings”>Configuración</string>
</resources>

 guardamos todo clicando en Save All y ya tenemos nuestra primera App hola mundo ! con imágenes background, imageButton y multi idioma según el idioma que tengas seleccionado en tu móvil.

AVD manager iconPara verla en funcionamiento puedes usar Android Virtual Device Manager  , básicamente vamos a crear un emulador que actuará como un AVD managermóvil en nuestro pc. Clicamos en AVD Manager > AVD Name > Galaxy S4 > Device > 5.1″ WVGA (480 x 800: mdpi) > Target > Android 4.4.2 – API Level 19 > CPU/ABI > Intel Atom (x86) > marcamos Hardware keyboard present > Skin > Skin with dynamic hardware controls > Front camera > none > Back camera > none > marcamos Use Host GPU > OK

 

 

AVD emulatorLo seleccionamos en el AVD > Start > Launch > se nos abre una nueva ventana emulando el dispositivo y versión de Android que hemos definido, puede tardar unos minutos hasta que aparece cargado el nuevo emulador, entonces clicamos en el icono de las app y nos familiarizamos con este entorno. Vamos a probar nuestra app > App > Run > Run app > Nos aparece una ventana donde indicamos que la vamos a ejecutar en el emulador que acabamos de crear > nuestra app se instala en el emulador y se ejecuta.

 

 

Seguramente nos gustará probar nuestra app en nuestro movil android, para ello debemos activar el modo desarrollador en nuestro phone, vamos a Ajustes > Acerca del dispositivo > y pulsamos 7 veces en Número de compilación. Conectamos por USB nuestro movil y para poder seguir nuestro pc debe reconocerlo. Volvemos a Android Studio > Run > Run app > seleccionamos nuestro movil > OK > nuestro Hola Mundo se instala en nuestro dispositivo y se ejecuta satisfactoriamente.

Screenshot_2014-09-07-17-45-37

Pero estoy seguro que vas a tener ganas de presumir de app con tus amigotes. Entonces tendrás que poder obtener un archivo apk para poder enviárselo y que se lo instalen. Vamos a Build > Generate Signed APK > Create new > rellenamos todo el formulario siempre con la misma password > ok > misma password de antes > clic en remember > obtenemos nuestro archivo apk que servirá para instalar en cualquier movil android que en ajustes > seguridad > tengan activado Fuentes desconocidas.

Suerte !

Posted in Tecnología.


2 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

Continuing the Discussion

  1. Bitacoras.com linked to this post on 7 septiembre 2014

    Información Bitacoras.com

    Valora en Bitacoras.com: Sueñas con crear tu propia App ? Quieres ser como el creador de Flappy Bird y ganar miles de dólares al dia ? Aquí te voy a enseñar los primeros pasos. Y si tienes mucha paciencia, no te rindes y tienes un poco de suerte …

  2. A WordPress Site linked to this post on 5 julio 2015

    […] Mi primera App Hola Mundo con Android Studio […]



Some HTML is OK

or, reply to this post via trackback.



23

Si continuas utilizando este sitio, aceptas el uso de las cookies. Más información

Las opciones de cookie en este sitio web están configuradas para "permitir cookies" para ofrecerte una mejor experiéncia de navegación. Si sigues utilizando este sitio web sin cambiar tus opciones o haces clic en "Aceptar" estarás consintiendo las cookies de este sitio.

Cerrar