ANDROID

COMENZANDO CON
ANDROID STUDIO

Instructores
Harlen Joan Pardo Bergamin

OBJETIVOS:

Reconocer el entorno grafico de android utilizando el IDE de desarrollo ECLIPSE.

Realizar una interface grfica donde se procesen datos de usuarios y clientes utilizando
controles en Android como los men label y botones.

Comenzando con Android Studio

Android Studio es el nuevo IDE (Integrated Development Environment - Entorno de
Desarrollo Integrado) que Google ha puesto a disposicin de los desarrolladores de Android
de forma gratuita. Android Studio se basa en IntelliJ IDEA, un IDE que tambin nos ofrece
un buen entorno de desarrollo Android. En este tutorial mostraremos como crear un nuevo
proyecto Android y como sacar partido a las caractersticas que Android Studio nos ofrece.

1. Configuracin del proyecto

Antes de comenzar a explorar Android Studio es necesario descargarlo e instalarlo. Ten en
cuenta que es necesario tener instalado JDK 6 o superior para poder instalarlo. Si trabajas
con Windows, debes ejecutar el fichero .exe y seguir los pasos del asistente de instalacin.
Si usas OS X, monta el disco imagen haciendo doble click sobre el y arrastra Android Studio
la carpeta de Aplicaciones
Una vez completados los pasos anteriores de forma satisfactoria, en entorno de desarrollo
debera estar instalado correctamente. Por lo que ya estaras preparado para crear tu
primera aplicacin Android utilizando Android Studio. Al arrancar Android Studio por primera
vez, se nos abrir una pantalla de bienvenida ofrecindonos unas cuantas opciones para
comenzar.

Para este tutorial vamos a escoger la opcin New Project (Nuevo proyecto). Sin embargo,
podemos escoger Import Project (Importar proyecto) si queremos importar un proyecto de,
por ejemplo, Eclipse dentro de Android Studio. Android Studio convertir el proyecto Eclipse
en un proyecto Android Studio, aadiendo todos los ficheros de configuracin necesarios.
will convert the Eclipse project to an Android Studio project, adding the necessary
configuration files for you.
Si seleccionamos Open Project (Abrir proyecto) de la lista de opciones, podremos abrir
proyectos creados tanto con Android Studio como con IntelliJ IDEA. Escogiendo Check out
from Version Control (Inicializar desde Control de versiones), podremos inicializar una
copia de un proyecto que este bajo un sistema de control de versiones. Esto es una forma
rpida de ponerse al da con un proyecto existente.
Para comenzar, seleccionamos New Project de la lista de opciones. Esto nos mostrar una
lista de opciones para configurar un nuevo proyecto. En este tutorial vamos a crear una
aplicacin simple para mostrar algunas de las caractersticas ms importantes de Android
Studio. Estoy seguro de que estars de acuerdo conmigo en que no existe un nombre mejor
para nuestro proyecto que HelloWorld.

Como puedes ver en la imagen anterior he establecido el nombre de la aplicacin

a HelloWorld y tambin el nombre del mdulo a HelloWorld. Si no ests familiarizado con
IntelliJ IDEA no sabrs exactamente que es un mdulo. Un mdulo

una unidad de

funcionalidad simple que puede ser compilada, ejecutada, testeada y depurada de forma
independiente. Los mdulos contienen el cdigo fuente, los scripts de creacin y cualquier
cosa adicional necesaria para poder realizar su tarea especfica.
Cuando creamos un nuevo proyecto tambin podemos establecer el nombre del paquete
del proyecto.. Por defecto, Android Studio establece el ltimo elemento del nombre del
paquete del proyecto como nombre del mdulo, pero podemos cambiarlo y establecer el
nombre que queramos..
Otras configuraciones son la ubicacin del proyecto en nuestro ordenador, la versin de
SDK mnima y objetivo, la versin de SDK con la que ser compilado el proyecto y el tema
del proyecto. Tambin podremos decirle a Android Studio que nos cree una
clase Activity y un icono de inicio, y si el proyecto usar GridLayout, Fragments, un
Navigation Drawer, o una Action Bar.
Para esta aplicacin no vamos a crear un icono personalizado, por lo que desmarcamos la
opcin Create custom launch icon. Pulsamos Next para continuar con la configuracin de
nuestro proyecto.
Como dejamos seleccionada la opcin Create activity en el paso anterior, nos preguntar
por la configuracin de la clase Activity que Android Studio crear.

Como vamos a comenzar con una clase Activity , podemos pulsar Next para seguir con
el siguiente paso en el proceso de configuracin, en el cual se nos preguntar el nombre de
la clase Activity , el layout principal, y el fragment layout. Tambin podemos establecer
el tipo de navegacin, que dejaremos a None para este proyecto. Si miramos la siguiente
imagen veremos cmo debera ser la configuracin.

Despus de pulsar Finish, se abrir la interfaz de usuario de Android Studio con el explorar
de proyectos a la izquierda y el editor de cdigo a la derecha. Una vez configurado el
proyecto en Android Studio, es hora de explorar algunas de las caractersticas clave.

2. Dispositivos Android Virtuales

Un Dispositivo Android Virtual o AVD, en sus siglas en ingls, es una configuracin de
emulador que nos permite simular un dispositivo Android. Esto nos va a permitir ejecutar y
testear nuestras aplicaciones en un amplio abanico de dispositivos de forma mucho ms
sencilla. En un Dispositivo Android Virtual podemos especificar tanto el hardware como
software que el Emulador Android necesita emular.
La forma preferida para crear un Dispositivo Android Virtual es con el AVD Manager, al cual
podemos acceder en Android Studio seleccionando Android > AVD Manageren el
men Tools.

Si el entorno de desarrollo est configurado correctamente se abrir el Administrador de

Dispositivos Android Virtuales (AVD Manager), el cual ser similar al que aparece en la
siguiente imagen.

Para crear un nuevo, pulsamos el botn New... de la seccin derecha, daremos un nombre
al AVD, y configuraremos el dispositivo virtual como aparece abajo. Pulsamos OK para crear
nuestro primer AVD.

Para utilizar el recin creado AVD, lo seleccionamos en la lista del administrador de AVD y
pulsamos el botn Start... de la derecha. Si hemos configurado correctamente el AVD, el
emulador de Android se abrir tal cual aparece en la siguiente imagen.

Con el emulador de Android funcionando, es hora de ejecutar nuestra aplicacin

seleccionando Run 'helloworld' dentro del men Run. As de fcil es ejecutar una
aplicacin en el emulador de Android.

3. Diseo en vivo.
La caracterstica de diseo en vivo de Android Studio nos permite previsualizar la interfaz
de usuario de nuestra aplicacin sin necesidad de ejecutarla en un dispositivo o en el
emulador. La diseo en vivo es una potente herramienta que nos ahorrar literalmente
horas. Ver la interfaz de usuario utilizando esta funcionalidad es mucho ms rpido que
cualquier otra forma.
Para trabajar con el diseo en vivo, hacemos doble click sobre el fichero XML que contiene
el diseo y seleccionamos la pestaa Text de la parte de abajo del espacio de trabajo.
Seleccionamos la pestaa Preview de la derecha para previsualizar el diseo
actual. Cualquier cambio que realicemos sobre el fichero XML con el diseo se reflejar en
la previsualizacin de la derecha. Si miramos en la siguiente imagen nos podremos hacer
una mejor idea de esta interesante caracterstica.

Existen unas cuantas ventajas ms de este diseo en vivo que merece la pena destacar.
Podemos, por ejemplo, crear una variacin de nuestro fichero XML de diseo en el que
estamos trabajando seleccionando una opcin del primer men del panel Preview.
Podemos, por ejemplo, crear una vista separada para la versin en horizontal y vertical y
Android Studio nos crear las carpetas y ficheros necesarios.

El segundo men en el panel Preview nos permite cambiar el tamao del dispositivo que se
muestra en el panel Preview. El tercer men nos permite cambiar la orientacin del
dispositivo que aparece en el panel, lo que hace muy sencillo ver nuestro diseo utilizando
orientaciones y temas diferentes.
El cuarto men del panel Preview nos da un acceso rpido al Activity o fragment en el
que usamos el diseo. El panel Preview, adems, nos permite cambiar el lenguaje utilizado
en el diseo en vivo lo que hace sencillo en previsualizar nuestro diseo en un idioma
diferente. El men que aparece ms a la derecha nos permite cambiar la versin de la API.
El panel Preview tambin incluye controles para acercar o alejar el diseo, refrescar el panel
o tomar una imagen del mismo.

4. Plantillas
Android Studio proporciona a los desarrolladores unas cuantas plantillas para acelerar el
desarrollo. Estas plantillas crean de forma automtica una clase Activity y los
ficheros XML necesarios. Podemos usar estas plantillas para crear una aplicacin Android
bsica, la cual podemos ejecutar posteriormente en un dispositivo o en el emulador.
Con Android Studio, podemos utilizar una plantilla cuando creemos una nueva
clase Activity . Pulsando con el botn derecho del ratn sobre el nombre del paquete en
el explorador de proyectos en la parte izquierda, seleccionamos New del men, y
escogemos Activity de la lista de opciones. Android Studio nos mostrar una lista de
plantillas, tales como Blank Activity, Fullscreen Activity, y Tabbed Activity, para crear
una clase Activity en blanco, a pantalla completa o con pestaas respectivamente.

Tambin podemos seleccionar Image Asset en el men, lo que abrir el asistente para
guiarnos en el proceso de creacin. Vamos a mostrar como crear una nueva
clase Activity basada en la plantilla Login Activity. Seleccionamos la opcinLogin
Activity de la lista de plantillas Activity para ejecutar el asistente.

Como podemos ver en la imagen anterior, le hemos asignado el nombreLoginActivity a

la Activity , establecido a activity_login el Layout Name y establecido el ttulo
del Activity a Sign In. La opcin Include Google+ sign in est marcada por defecto. La
desmarcaremos ya que no vamos a utilizar esta caracterstica en nuestro ejemplo.
Opcionalmente, podemos establecer el Hierarchical Parent de nuestra nueva Activity .
Esto nos permitir navegar hacia atrs si pulsamos sobre el botn "volver" de nuestro
dispositivo. Dejaremos este campo vaco. Despus de pulsar sobreFinish, Android Studio
crear los ficheros y directorios necesarios por nosotros. Si todo ha ido bien, deberamos
ver una nueva Activity y un nuevo Layout in nuestro proyecto.
El

siguiente

paso

es

configurar

la

nueva

clase

Activity

en

el

ficheroAndroidManifest.xml ya que la usaremos como nuestra Activity principal cuando

ejecutemos nuestra aplicacin. Como podemos ver en el fichero de abajo, nuestra
clase LoginActivity tiene su propio nodo de configuracin.
01
02

<application
android:allowBackup="true"

03

android:icon="@drawable/ic_launcher"

04

android:label="@string/app_name"

05

android:theme="@style/AppTheme" >

06
07

<activity
android:name="com.tuts.HelloWorld.MainActivity"

08

android:label="@string/app_name" >

09

<intent-filter>
<action android:name="android.intent.action.MAIN" />

10
11

<category android:name="android.intent.category.LAUNCHER" />

12

</intent-filter>

13

</activity>

14

<activity

15

android:name="com.tuts.HelloWorld.LoginActivity"

16

android:label="@string/title_activity_login"

17

android:windowSoftInputMode="adjustResize|stateVisible" >
</activity>

18
19

</application>

20

Para hacer que nuestra aplicacin ejecute la clase LoginActivity que acabamos de crear,
eliminamos

el

nodo

de

configuracin

de

la

clase

LoginActivity

reemplazamos com.tuts.HelloWorld.MainActivity con com.tuts.HelloWorld.Login

Activity .

El

resultado

de

esto

es

que

la

aplicacin

usar

ahora

la

clase LoginActivity como su Activity principal.

01
02

<application
android:allowBackup="true"

03

android:icon="@drawable/ic_launcher"

04

android:label="@string/app_name"

05
06

android:theme="@style/AppTheme" >
<activity
android:name="za.co.helloworld.LoginActivity"

07
08
09

android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

10
11
12
13
14

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>
</activity>
</application>

Cuando construyamos y ejecutemos nuestra aplicacin en el emulador, deberamos ver una

pantalla similar a la que aparece abajo. Esto significar que hemos sustituido correctamente
la clase Activity en blanco con la nueva clase LoginActivity que hemos creado.

5. Herramientas Lint
Testear nuestro cdigo es una cosa, pero es igualmente importante aplicar buenas prcticas
cuando escribimos cdigo. Esto aumentar el rendimiento y la estabilidad general de

nuestra aplicacin. Adems, una estructura de proyecto correcta nos facilitar el

mantenimiento.
Android Studio incluye Android Lint, un analizador esttico que analizar el cdigo fuente
de nuestro proyecto. Esta herramienta puede detectar errores potenciales y otros problemas
en el cdigo que el compilador puede pasar por alto.
La imagen siguiente, por ejemplo, nos dice que la LinearLayout del diseo no se usa. Lo
interesante de <b>Android Lint</b> es que no da una razn del aviso o error, lo que hace
que sea ms sencillo de corregir o resolver.

Es recomendable ejecutar la herramienta lint de Android Studio de vez en cuando para

chequear los problemas potenciales de nuestro proyecto. La herramienta lint incluso nos
dir si tenemos imgenes o traducciones duplicadas.
Para ejecutar la herramienta lint, seleccionamos Inspect Code del men Analyzede
Android Studio para iniciar el proceso. Cuando Android Studio finalice de inspeccionar
nuestro proyecto nos mostrar el resultado en la parte baja de la ventana. Debemos tener
en cuenta que adems de Android Lint, Android Studio realiza uno cuantos chequeos
adicionales tambin. Simplemente pulsando doble click sobre uno de los problemas el
sistema nos llevar al fichero donde se encuentra localizado.

6. Editor de Diseo Mejorado

Android Studio cuenta con un editor de diseo mejorado en el cual podemos arrastrar y
soltar los componentes de la interfaz. Adems, podemos previsualizar diseos en muchas
configuraciones de pantalla, como hemos visto anteriormente en este tutorial.
El editor de texto mejorado es muy sencillo de utilizar. En primer lugar necesitamos un
diseo con el que trabajar. Miramos la carpeta layout dentro de la carpeta res de nuestro
proyecto, pulsamos con el botn derecho del ratn en la carpeta

layout , y

seleccionamos New > Layout resource file del men que aparece.
Le

damos

un

nombre

al

nuevo

diseo,

establecemos

su

elemento

raz,

pulsamos OK. Android Studio nos abrir de forma automtica el editor de diseo a la
derecha.

En la parte baja del editor deberamos ver dos pestaas, Design y Text. Pulsando sobre la
pestaa Text nos mostrar el editor, permitindonos hacer cambios en el diseo que hemos
seleccionado.

Pulsando sobre la pestaa Design nos llevar a otro editor que nos mostrar una
previsualizacin del diseo. Para aadir elementos al diseo, los arrastramos desde la lista
de elementos de la izquierda al diseo en la derecha. As de simple.