Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android

Android desde Cero: Construyendo su Primer Aplicación Android

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Android From Scratch.
Android From Scratch: Exploring Android Sample Apps
Android From Scratch: How to Run Your Application on a Physical Device

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Final product image
What You'll Be Creating

Después de echar un vistazo al estado actual del desarrollo de Android y como configurar su ambiente de desarrollo, en esta lección, usted va a aprender como construir y ejecutar su primer aplicación para Android.

No me enfocaré mucho en los detalles, porque estos serán abordado ampliamente posteriormente en esta serie. El objetivo del artículo es proporcionar una amplia visión general de lo que toma hacer una aplicación Android.

1. Configurar el proyecto

Un proyecto Android no es más que una colección de archivos y carpetas. Hay varias maneras de configurar un proyecto Android. En el pasado, los desarrolladores tenían que crear de forma manual cada proyecto. Por fortuna, Android Studio tiene un asistente conveniente cuyo propósito es crear la estructura de la carpeta y los archivos necesarios para empezar un proyecto.

Cuando ejecuta Android Studio, se le presenta con la siguiente pantalla de bienvenida:

Welcome to Android Studio

A la izquierda, usted ve una lista de proyectos recientes. A la derecha, puede crear un proyecto nuevo por medio de hacer una revisión desde la versión de control o a través de crear uno completamente nuevo. Escoja la primera opción, Start a new Android Studio project [Iniciar un nuevo proyecto de Android Studio].

Configure the Project

Android Studio le pedirá algunas informaciones básicas sobre su aplicación, por ejemplo; el nombre, donde usted quiere almacenar los archivos del proyecto y el nombre del paquete. Mientras que los primeros dos son claros, el nombre del paquete podría confundirlo.

El nombre del paquete define la identidad de su aplicación y sirve como un identificador único en una gama de situaciones, tales como Google Play. Por esta razón, debe ser único. Cada aplicación tiene un nombre de paquete único.

Debido a que la cantidad de aplicaciones Android está creciendo todos los días, ésta es una práctica común para usar notación de nombre de dominio invertido para el nombre del paquete de la aplicación. Por ejemplo, el nombre del paquete de una aplicación publicada por Envato Tuts+ podría empezar con com.tutsplus Tenga en mente que no hay conexiones entre el nombre del paquete y el propietario del actual nombre de dominio.

En Android Studio, introduzca Hola Mundo como el nombre de la aplicación, code.tutsplus.com como Company Domain, y escoja una ubicación para almacenar el proyecto en su máquina. El nombre de la aplicación y el nombre de la empresa son utilizados para generar el nombre del paquete; com.tutsplus.code.holamundo. Haga clic en Next para continuar.

En la siguiente pantalla, se le preguntará que configure la versión mínima de Android SDK para la que planea tener soporte.

Set Minimum Android SDK

Android SDK está en continuo desarrollo y todos los años una versión nueva es lanzada con todo tipo de mejorar y nuevas características. Algunas herramientas y bibliotecas que puede usted puede usar en versiones posteriores de Android no están presenten en las versiones anteriores. El soporte de las bibliotecas de Google trae algunos de las características nuevas para versiones viejas del sistema operativo Android, tal como los elementos de los materiales de diseño. Aunque el soporte de las bibliotecas sólo puede hacer tanto.

Generalmente hablando, usted nunca debería ir debajo de Gingerbread, la cual es el nivel 9 de la API. Dicho eso, si su objetivo es alcanzar un audiencia amplia, entonces lo mejor es que quiera soporte, al menos, para toda la versión de Ice Cream Sandwich, la cual es el nivel 14 de la API.

En este proyecto, no estaremos usando APIs que fueron presentadas en recientes versiones de SDK. Ajuste la API nivel 9 y haga clic en Next para continuar.

En la siguiente pantalla, Android Studio nos preguntará si éste necesita crear un activity para nosotros para empezar.

Add an Activity

Activities son un bloque de construcción fundamental de las aplicaciones Android y lo trataremos posteriormente en la serie. En un sentido, un actitiy es para una aplicación Android lo que una página web es para un sitio web. Técnicamente, esta no es la comparación más exacta, pero debería darle una idea del rol que juegan las activities en una aplicación Android.

Las Activities son clases de Java que extiende a la clase Activity, una clase definida por Android SDK. El desarrollador anula algunos de sus métodos para añadir funcionamientos personalizados. Normalmente, hay un formato asociado con cada activity, el cual es un archivo XML que define la interface del usuario de la actividad. Esto es similar al HTML de una página web.

El asistente de Android Studio nos ofrece generar la primera activity de la aplicación. Escoja Empty Activity [Activity Vacío] y haga clic en Next.

En la siguiente pantalla, ajuste el nombre de la activity a HolaMundoActivity y haga clic en Finish para completar el proceso de configuración.

Customize the Activity

2. Bienvenido a Android Studio

Basado en las configuraciones que proporcionamos, Android Studio crea los archivos y carpetas para el proyecto. Ahora debería ver la interfaz de usuario de Android Studio con el proyecto nuevo abierto.

Android Studio User Interface

Al principio, la interfaz de usuario puede ser un poco abrumadora. Si usted quiere desarrollar para Android, sin embargo, hay algunas cosas que usted necesita saber. ¿Dónde está el código de su proyecto? ¿Dónde están los archivos de su proyecto? Y, ¿cómo puede construir y ejecutar su aplicación?

Android Studio está basado en IntelliJ, un IDE (Integrated Developmente Environment) desarrollador por JetBrains. Es muy poderoso y le ayuda a administrar su flujo de desarrollo por medio de atajos, generación de métodos, refactorización de código automátizado, enlaces directos a varias partes de su proyecto, Javadoc popups, etcétera. Google diseñó Android Studio para desarrollar en Android con soporte para XML (con un conveniente editor WYSIWYG) y Groovy (para scripts Gradle).

A la izquierda, debería ver un árbol de directorios. Ese es el corazón de su proyecto donde puede encontrar los archivos y activos de su proyecto. Las carpetas en las que pasará la mayor parte del tiempo son java y res. En java, encuentra las clases Java de su proyecto. En res, encuentre el resto de los recursos de su proyecto, tal como formatos, hojas de valores, imágenes y así sucesivamente.

En la parte superior, puede ver una lista de botones que le dan acceso a las características más importantes de Android Studio, como; construcción, ejecución y sincronización del proyecto, actualización del SDK y modificación de los emuladores.

Android Studio Toolbar

Para esta lección, usted necesita saber sobre uno, el botón play en el extremo izquierdo. Este botón construye y ejecuta su aplicación.

3. Escribiendo Código

Debería sentirse más cómodo con la interfaz de usuario de Android Studio y es hora de poner manos a la obra y escribir algunos códigos.

Paso 1: Composición

Lo primero que tiene que hacer es definir el formato de la activity principal. Diríjase al panel del proyecto a la izquierda y haga doble clic en activity_hola_mundo.xml, el cual puede encontrar en la carpeta java/layout. Android Studio crea este archivo de la composición por nosotros, junto con el archivo HolaMundoActivity.java

Como alternativa, usted puede presionar Command + Shift + O (Ctrl + Shift + N en Windows) escribir algunas letras del nombre del archivo y presionar la tecla Enter cuando Android Studio señala el archivo a la derecha. Command + O / Ctrl + N, ejecuta una búsqueda limitada para la clase Java mientras que Command + Shift + O / Ctrl + Shift + N busca en todo el proyecto.

Searching Files and Folders

Lo que ve es una composición estándar generada por Android Studio, presentada en el editor WYSIWYG.

The WYSIWYG Editor of Android Studio

En lugar de usar el editor WYSIWYG, vamos a modificar el XML de la composición. Esto nos da más control. Puede hacer esto haciendo clic en la etiqueta Text en el botón izquierdo del editor, junto a la pestaña Design. Añada un id al elemento TextView y un Button justo debajo de éste. No se preocupe mucho acerca del código que estamos añadiendo. Esto se aclarará posteriormente en esta serie.

El id es utilizado para hacer referencia al elemento de la interfaz de usuario en el código. Android Studio genera una clase en tiempo real; R.java, en la cual están referenciados los identificadores de la composición. La otras casilla interesante en esta composición es el evento onClick de Button. Cuando el usuario hace clic en el botón, el sistema operativo llama al método sayHi() de activity.

Creating the User Interface

Paso 2: Activity

Después, abra HolaMundoActivity.java Como puede ver el esqueleto básico del activity ya está ahí. La clase ya extiende a AppCompatActivity, la cual extiende a Activity.java HelloWorldActivity implementa el método onCreate(). Añada una referencia al TextView, usando findViewById(), y defina el método público llamado por el evento onClick del botón.

Como puede ver, findViewById() devuelve una objeto View. Esto significa que usted necesita proyectar este hacia un TextView si usted quiere cambiar el texto de la etiqueta llamado setText(). De hecho, todos los elementos que puede usar cuando está diseñando su interfaz de usuario extiende la clase View, otro componente fundamental de Android SDK.

4. Ejecutando su Primera Aplicación Android

Finamente está listo para lanzar su primera aplicación Android. Veamos como traer a la vida su aplicación.

Haga clic en el botón verde play, sobre el que hablamos anteriormente, o vaya a a Run > Run 'app'. Android Studio le pedirá que seleccione el objetivo despliegue. Seleccione Create New Emulator y escoja uno de los presets sugeridos (por ejemplo, Nexus 5). Haga clic en Next, escoja una imagen de sistema (la que usted prefiera, arriba de Gingerbread) y haga clic otra vez en Next, deje el resto de las opciones con sus valores por defectos.

Select a Deployment Target

Luego, seleccione el emulador recién creado y deje que ocurra la magia.

Running Your App In an Emulator

En conclusión

En esta lección, aprendió como desarrollar una aplicación Hola Mundo para Android. En particular, ahora saber suficiente acerca de Android Studio para desarrollar un aplicación de trabajo. Además, exploró la estructura básica de un proyecto Android y tuvo un breve vistazo a algunos de los métodos y clases de Android SDK (Activity y View y el método findViewById()).

Espero haberle dado un impresión de lo que significa desarrollar para Android. En la siguiente lección, aprenderá como usar el incorporado importador de muestras en Android Studio y como encontrar muestras adicionales desde Google.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.