() translation by (you can also view the original English article)
Crear una interfaz de usuario atractiva para una aplicación Android es casi siempre una tarea que requiere bastante tiempo, pues implica soporte para docenas de versiones Android, tamaños de pantalla y densidades de píxel. Actualmente, con mas y mas usuarios acostumbrados a que las apps sigan las directrices de Material Design, el trabajo requerido por esta tarea se ha hecho aún mayor. Afortunadamente, CodeCanyon tiene varias plantillas de aplicación Android que puedes usar para acelerar el desarrollo de tu siguiente app.
En este tutorial, voy a ayudarte a empezar con una de estas plantillas, titulada Material Design UI Android Template App, que fue desarrollada por CreativeForm.
Prerequisitos
Para poder seguir este tutorial, vas a necesitar la última versión de Android Studio y un dispositivo Android o emulador que ejecute Android 2.3 o posterior.
1. Obtener la Plantilla
Empieza accediendo a tu cuenta de Envato Market y comprando Material Design UI Android Template App en CodeCanyon.
Ahora podrás encontrar el código fuente de la plantilla--en forma de archivo ZIP--en la sección Downloads.
Después de descargar el archivo ZIP y extraerlo en una carpeta de tu elección, deberías tener los siguientes archivos y carpetas:
2. Abrir la Plantilla
La plantilla se puede usar tanto con Eclipse como con Android Studio. En este tutorial, sin embargo, vamos a centrarnos en el segundo.
Abre Android Studio y selecciona la opción Open an existing Android Studio project en el menú de bienvenida. Navega hasta la carpeta en la que extrajiste la plantilla, selecciona android - AS, y presiona OK.
3. Configura la Plantilla
Material Design UI Android Template App tiene dependencias de varias librerias open-source. El parámetro compileSdkVersion de alguna de estas librerias es API Level 19, que es ligeramente mas antiguo que el de la plantilla misma. Por lo tanto, para evitar errores de construcción, debes actualizar las librerías.
Las librerías que debes actualizar son las siguientes:
Abre el archivo build.gradle de cada librería y cambia el valor de compileSdkVersion a 21 para que coincida con el valor compileSdkVersion de la plantilla.
1 |
compileSdkVersion 21 |
No olvides hacer click en el botón Sync Now después de realizar los cambios.
4. Ejecura la Plantilla
En este punto, ya puedes lanzar la app plantilla en tu dispositivo Android o emulador. De todos modos, antes de pulsar el boton Run, asegurate de que la configuración de ejecución UIAppTemplate está seleccionada.
Fíjate en que la primera vez que intentes ejecutar la app, te saltarán algunos errores que están relacionados con la codificación de caracteres. Los errores forman parte del archivo ProgressWheel.java, que pertenece a la librería Progress Wheel.
La manera mas sencilla de solucionar los errores es abrir el archivo, asegurarse de que la codificación está fijada en UTF-8, y guardarlo.
Una vez que la construcción haya terminado, deberías poder ver la pantalla de bienvenida de la app plantilla.
Usa el navigation drawer libremente para ver todos los layouts, animaciones, y custom views que están disponibles en la plantilla. Por ejemplo, eligiendo Login Pages > Media te muestra la siguiente pantalla.
Conclusión
Ya puedes empezar a modificar Material Design UI Android Template App para ajustarla a tus necesidades. Tiene cerca de 50 activities diferentes, cinco temas, y mas de 100 archivos tipo layout XML. Eso significa que puedes construir tu siguiente app simplemente eligiendo una serie de elementos tipo UI y asociar tus datos y lógica de negocio con ellos.
Para aprender mas acerca de esta plantilla, ve a la amplia documentación que está disponible en su carpeta docs.
Envato Market tiene cientos de otras plantillas Android app entre las que puedes elegir. Hay plantillas para juegos y aplicaciones completas, asi como amplias plantillas básicas como la que hemos usado en este post. Asi que echa un vistazo, y puede que te ahorres un montón de trabajo en tu siguiente aplicación Android.
