Sunteți pe pagina 1din 13

CÓMO CREAR UNA APLICACIÓN DESDE CERO CON

ANDROID STUDIO
Hola!

En este artículo vamos a ver cómo crear nuestra propia aplicación para Android
desde cero utilizando la aplicación Android Studio, un IDE (integrated
development environment) para Android lanzado en mayo del año pasado por
Google. Para poder realizar lo que se enseña en el artículo no se requiere de
ningún tipo de conocimiento previo.

1. Descarga e instalación de los archivos necesarios

Enlaces:

 Android Studio – ¿Qué es? – (400mbs apróximadamente)


 Java SE Development Kit – ¿Qué es? – (120mbs apróximadamente)

Instalación:

 Asegurarse de instalar la versión correcta de los programas (32 o 64 bits) –


¿Cómo sé cuál es la versión de mi sistema operativo?

Posibles problemas en este primer paso:

Muchas veces Android Studio falla al arrancar porque tiene problemas para
detectar el JDK. Esto puede deberse a:

1. Instalación incorrecta de Java: los sistemas operativos de 64 bits permiten la


instalación de la versión 32 bits del JDK sin ningún problema y viceversa. El
problema de instalar la versión incorrecta llega cuando intentamos ejecutar
Android Studio. Revisa la versión de tu sistema operativo (¿Cómo?) y asegúrate
de haber instalado la versión apropiada del JDK.

2. Si ese no es tu caso y el problema persiste siempre podemos indicarle


manualmente a Android Studio dónde se encuentra instalado Java. Para eso
tenemos que dirigirnos a … Panel de control → Sistema → Opciones avanzadas
del sistema → Avanzado → Variables de entorno y una vez ahí crear una
variable llamada “JAVA_HOME” (sin comillas) y agregarle como valor la
ubicación del Java Development Kit en nuestra PC. Nos debería quedar algo así:
<img data-attachment-
id="1983" data-
permalink="https://www.programandoamedianoche.com/2014/06/como-crear-
una-aplicacion-desde-cero-con-android-studio/capture/" data-orig-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?fit=364%2C158&amp;ssl=1" data-orig-
size="364,158" data-comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&
quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;creat
ed_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;f
ocal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_
speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="1" data-image-description="" data-medium-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?fit=300%2C130&amp;ssl=1" data-large-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?fit=364%2C158&amp;ssl=1" class="wp-
image-1983 size-full aligncenter"
src="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?resize=364%2C158" alt="1" width="364"
height="158"
srcset="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?w=364&amp;ssl=1 364w,
https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/Capture.png?resize=300%2C130&amp;ssl=1 300w"
sizes="(max-width: 364px) 100vw, 364px" data-recalc-dims="1" />

2. Activar la depuración USB en nuestro teléfono

La depuración USB es una modalidad exclusiva de Android que autoriza el envío


de comandos desde la computadora al celular por medio de un cable USB. Es
necesario activarla para poder previsualizar la aplicación que vamos a programar
en nuestro propio dispositivo.

1. Ir a Configuración → Opciones desarrollo y activarlas presionando el


interruptor “Encendido – Apagado”.
<img data-
attachment-id="1986" data-
permalink="https://www.programandoamedianoche.com/2014/06/como-crear-
una-aplicacion-desde-cero-con-android-studio/2-4/" data-orig-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?fit=421%2C51&amp;ssl=1" data-orig-
size="421,51" data-comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&
quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;creat
ed_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;f
ocal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_
speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="2" data-image-description="" data-medium-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?fit=300%2C36&amp;ssl=1" data-large-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?fit=421%2C51&amp;ssl=1" class="aligncenter
wp-image-1986 size-full"
src="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?resize=421%2C51" alt="2" width="421"
height="51" srcset="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?w=421&amp;ssl=1 421w,
https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/2.png?resize=300%2C36&amp;ssl=1 300w"
sizes="(max-width: 421px) 100vw, 421px" data-recalc-dims="1" />

2. Si la sección “Opciones de desarrollo” no aparece como opción en


“Configuración” (como es el caso de los Google Nexus) tenemos que dirigirnos
a “Acerca del teléfono” y tocar el “Número de compilación” repetidamente hasta
que un mensaje nos indique que ya somos desarrolladores.

<img data-
attachment-id="1987" data-
permalink="https://www.programandoamedianoche.com/2014/06/como-crear-
una-aplicacion-desde-cero-con-android-studio/3-3/" data-orig-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?fit=422%2C73&amp;ssl=1" data-orig-
size="422,73" data-comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&
quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;creat
ed_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;f
ocal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_
speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="3" data-image-description="" data-medium-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?fit=300%2C51&amp;ssl=1" data-large-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?fit=422%2C73&amp;ssl=1" class="wp-image-
1987 size-full aligncenter"
src="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?resize=422%2C73" alt="3" width="422"
height="73" srcset="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?w=422&amp;ssl=1 422w,
https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/3.png?resize=300%2C51&amp;ssl=1 300w"
sizes="(max-width: 422px) 100vw, 422px" data-recalc-dims="1" />

3. Una vez habilitadas las opciones de desarrollo debemos activar la depuración


de USB, que se encuentra debajo de la categoría “Depuración”

<img data-
attachment-id="1988" data-
permalink="https://www.programandoamedianoche.com/2014/06/como-crear-
una-aplicacion-desde-cero-con-android-studio/attachment/4/" data-orig-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?fit=413%2C129&amp;ssl=1" data-orig-
size="413,129" data-comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&
quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;creat
ed_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;f
ocal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_
speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="4" data-image-description="" data-medium-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?fit=300%2C93&amp;ssl=1" data-large-
file="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?fit=413%2C129&amp;ssl=1" class="wp-image-
1988 size-full aligncenter"
src="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?resize=413%2C129" alt="4" width="413"
height="129"
srcset="https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?w=413&amp;ssl=1 413w,
https://i2.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/4.png?resize=300%2C93&amp;ssl=1 300w"
sizes="(max-width: 413px) 100vw, 413px" data-recalc-dims="1" />

3. Creando la aplicación

1. Una vez en Android Studio vamos a comenzar un Nuevo proyecto. Se


mostrará una lista de campos que debemos completar de la siguiente manera:

<img data-attachment-id="2003" data-


permalink="https://www.programandoamedianoche.com/2014/06/como-crear-
una-aplicacion-desde-cero-con-android-studio/5-2/" data-orig-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?fit=546%2C355&amp;ssl=1" data-orig-
size="546,355" data-comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&
quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;creat
ed_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;f
ocal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_
speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="5" data-image-description="" data-medium-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?fit=300%2C195&amp;ssl=1" data-large-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?fit=546%2C355&amp;ssl=1" class="wp-image-
2003 size-full aligncenter"
src="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?resize=546%2C355" alt="5" width="546"
height="355"
srcset="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?w=546&amp;ssl=1 546w,
https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/02/51.png?resize=300%2C195&amp;ssl=1 300w"
sizes="(max-width: 546px) 100vw, 546px" data-recalc-dims="1" />

 Nombre de la aplicación: el nombre de la aplicación. Será mostrado – por


ejemplo – en Google Play.
 Nombre del módulo: utilizado por Android Studio. Suele ser igual al nombre
de la aplicación.
 Nombre del paquete: un identificador único de nuestra aplicación.
 SDK mínimo requerido: versión de Android mínima necesaria para correr la
aplicación. Trabajar con versiones más viejas aumenta la cuota de mercado
pero reduce las posibilidades de la app.
 SDK objetivo: máxima versión de Android con la que podrá ejecutarse la
aplicación.
 Nivel de lenguaje: versión de Java con la que se desarrollará la aplicación.
Recomiendo utilizar Java 6 porque la única manera de que nuestra aplicación
soporte todas las características de Java 7 es eligiendo API 19 como SDK
mínimo.
 Ícono de la aplicación: el ícono que representará la aplicación. Si ya tienes un
imagen seleccionada marca el casillero “create custom launcher icon”
<img
src="https://chart.googleapis.com/chart?cht=p&amp;chs=500x250&amp;chl=Froyo|Gingerbread|Hon
eycomb|Ice%20Cream%20Sandwich|Jelly%20Bean|KitKat&amp;chf=bg%2Cs%2C00000000&amp;c
hd=t%3A1.3%2C20.0%2C0.1%2C16.1%2C60.7%2C1.8&amp;chco=c4df9b%2C6fad0c" alt=""
width="500" height="250" />

Cuota del mercado de Android

2. Seleccionamos “Continuar” y elegimos la opción “Actividad en blanco”. Este


modelo de aplicación es el más básico de todos; presenta un ícono en la esquina
superior derecha que desplegará una lista de opciones y una flecha situada en
la esquina superior izquierda que nos permite ir atrás.

3. En la próxima parte se mostrarán tres nuevos campos. Vamos a dejarlos sin


editar y proseguiremos a terminar.

4. Ahora queda esperar a que Android Studio configure la aplicación


correctamente. El proceso demora de 2 a 5 minutos.

<img aria-describedby="caption-attachment-2033" data-attachment-id="2033" data-


permalink="https://www.programandoamedianoche.com/2014/06/como-crear-una-aplicacion-desde-
cero-con-android-studio/entorno/" data-orig-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?fit=1919%2C736&amp;ssl=1" data-orig-size="1919,736" data-
comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&
quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot
;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quo
t;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-
title="entorno" data-image-description="&lt;p&gt;Entorno de la aplicación&lt;/p&gt; " data-medium-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?fit=300%2C115&amp;ssl=1" data-large-
file="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?fit=590%2C226&amp;ssl=1" class="wp-image-2033 size-
large" src="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno-1024x392.png?resize=590%2C225" alt="Entorno de la aplicación"
width="590" height="225" srcset="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?resize=1024%2C392&amp;ssl=1 1024w,
https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?resize=300%2C115&amp;ssl=1 300w,
https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?resize=900%2C345&amp;ssl=1 900w,
https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?w=1180&amp;ssl=1 1180w,
https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/entorno.png?w=1770&amp;ssl=1 1770w" sizes="(max-width: 590px)
100vw, 590px" data-recalc-dims="1" />

Entorno de la aplicación

4. Probando la aplicación

1. Una vez Android Studio haya creado el proyecto procedemos a conectar


nuestro celular a la computadora. Hecho esto, utilizamos el atajo Shift+F10 en
AS para probar la aplicación. En alrededor de 15 segundos, la aplicación debería
estar reproduciéndose en tu celular. En nuestro caso, quedó algo así:

<img
title="Reproduciéndose en un Motorola Droiz RAZR i"
src="https://i1.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/8.png?resize=431%2C223" alt="Reproduciéndose en un Motorola Droiz
RAZR i" width="431" height="223" data-recalc-dims="1" />

Reproduciéndose en un Motorola Droiz RAZR i

5. Agregando contenido a la aplicación

1. Para agregar contenido a nuestra aplicación debemos editar el archivo


fragment_main.xml ubicado en la carpeta layout.

Para dejar la aplicación en blanco debemos remover las siguientes líneas del
archivo .xml

ver código
imprimir?

1 <TextView

2 android:text="@string/hello_world"

3 android:layout_width="wrap_content"

4 android:layout_height="wrap_content" />

Una vez hecho eso vamos a agregar un título que diga “Scientia”:

ver código
imprimir?

1 <TextView

2 android:layout_width="wrap_content"

3 android:layout_height="wrap_content"

4 android:textAppearance="?android:attr/textAppearanceLarge"

5 android:text="Scientia"
6 android:id="@+id/textView"

7 android:layout_alignParentTop="true"

8 android:layout_alignParentLeft="true"

9 android:layout_alignParentStart="true" />

Y por debajo del título un texto de tamaño normal:

ver código
imprimir?

1 <TextView

2 android:layout_width="wrap_content"

3 android:layout_height="wrap_content"

4 android:textAppearance="?android:attr/textAppearanceSmall"

5 android:text="Scientia Soluciones Informáticas"

6 android:id="@+id/textView2"

7 android:layout_below="@+id/textView"

8 android:layout_alignParentLeft="true"

9 android:layout_alignParentStart="true" />

Una vez hecho esto la aplicación debería haber quedado algo así:
<img aria-describedby="caption-attachment-
2028" data-attachment-id="2028" data-
permalink="https://www.programandoamedianoche.com/2014/06/como-crear-una-aplicacion-desde-
cero-con-android-studio/attachment/9/" data-orig-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?fit=317%2C181&amp;ssl=1" data-orig-size="317,181" data-
comments-opened="1" data-image-
meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&
quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot
;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quo
t;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}" data-image-title="9"
data-image-description="" data-medium-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?fit=300%2C171&amp;ssl=1" data-large-
file="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?fit=317%2C181&amp;ssl=1" class="wp-image-2028 size-full"
src="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?resize=317%2C181" alt="9" width="317" height="181"
srcset="https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?w=317&amp;ssl=1 317w,
https://i0.wp.com/www.programandoamedianoche.com/wp-
content/uploads/2014/03/9.png?resize=300%2C171&amp;ssl=1 300w" sizes="(max-width: 317px)
100vw, 317px" data-recalc-dims="1" />

Preview de la aplicación en Android Studio

6. Publicando la aplicación en Google Play

Una vez que hayas finalizado tu aplicación puedes publicarla en la tienda de


Google. No es gratis pero es un proceso bastante simple. Sigue las instrucciones
en este sitio de Google:

https://play.google.com/apps/publish/signup/

Espero que les sirva. ¡Hasta luego!

Relacionado
Depurar páginas web de dispositivos Android desde Windows, Linux o Mac

Para los que desarrollamos aplicaciones web, hace ya tiempo que tenemos que
probar las páginas en distintos dispositivos móviles para estar seguros que se
ajustará como es debido. Para esto los navegadores modernos (Chrome, Firefox,
etc.) nos brindan la opción de renderizar las páginas como si estuviéramos en
un teléfono…

Obtener identificador único de dispositivo con Android

Muchas veces cuando desarrollamos aplicaciones necesitamos identificar el


equipo sobre el cual se está corriendo para guardar información, volver a mostrar
los últimos datos, verificar licencia de uso, etc., y las aplicaciones móviles no son
una excepción. Para esto el sistema operativo nos ofrece el "ANDROID_ID", el
cual se explica…

SQL Server 2008 y Visual Studio 2008

Cómo muchos sabrán, ayer salió la versión RTM (ya no un Release Candidate)
del Microsoft® SQL Server 2008, el cual bajamos e instalamos en nuestro servidor. El
primer inconveniente que encontramos fue que no se pudo hacer un

1. Hola, muy bueno encontrar cosas lindas, fáciles y practicas en castellano.


Gracias !
Consulta: Soy nuevo en Andorid Studio, recién lo instalo y pude hacer tu
ejemplo. Lo que necesito es crear un iframe con una URL de mi aplicación
web. O algo que se parezca. Lo que realmente necesito es crearles un
acceso desde el escritorio del celu a una URL fija.
Gracias

Responder

o <img alt=''
src='https://secure.gravatar.com/avatar/9d3ea74abbb1010810d7e8c559be8957?s=3
2&#038;d=mm&#038;r=g'
srcset='https://secure.gravatar.com/avatar/9d3ea74abbb1010810d7e8c559be8957?
s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo' height='32'
width='32' /> Gustavo Cantero (The Wolf)

22 diciembre 2014 a las 11:15

Hola, Francisco.
Lo que necesitás utilizar es el WebView, acá te dejo una página donde te
explica cómo utilizarlo: Getting Started: WebView-based Applications for
Web Developers.
Suerte!

Responder

https://developer.chrome.com/multidevice/webview/gettingstarted

S-ar putea să vă placă și