10.4.12

Tutorial Android parte 16: Pantalla información técnica en Android

En este tutorial vamos a aprender a hacer una pantalla con la información técnica de soporte de la aplicación. Esta pantalla la conoceréis como la típica pántalla About en la que los usuarios pueden encontrar la información técnica de la aplicación, la forma de contactar con el equipo de soporte y otros datos que se consideren oportunos.



La pantalla que vamos a crear es muy básica. Podéis utilizarla tal cual para vuestras aplicaciones o personalizarla como gustéis para mostrar más información o darle un diseño similar al resto de vuestra aplicación.

La información que debería contener una pantalla de información técnica de soporte es una pantalla (que normalmente cuelga de la página principal de la aplicación) sería:
- el nombre de la aplicación,
- la versión de la aplicación,
- la información para contactar con soporte de la aplicación (email, teléfono, lista de correo, twitter…)

De forma opcional, puede aparecer también:
- el sitio web de la aplicación,
- los nombres de los desarrolladores,
- nombre de la empresa desarrolladora,
- información de copyright.
- en algunas aplicaciones he visto poner en esta pantalla la funcionalidad de enviar comentarios/opiniones al equipo de desarrollo de la aplicación.
- etc.

Vamos a hacer una aplicación que tendrá una página principal con un botón About que navegará a la pantalla de información técnica de soporte.


Creando la aplicación

Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

Project name: HelloAboutPage
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, About Page!
Package name: com.example.helloaboutpage
Create Activity: HelloAboutPage

- Hacer click en Finish.

Abrimos el fichero res/layout/main.xml e insertamos el siguiente código:



Este código mostrará la pantalla principal de la aplicación, donde aparecerá el título de la aplicación Debajo aparecerían varios botones para cada una de las funcionalidades de la aplicación y un botón About para acceder a la información técnica de soporte.

A continuación, vamos a añadir una nueva actividad y vamos a hacer que cuando se pulse en el botón About, se redirija a esta segunda actividad (la página About).

Como tenéis todos los pasos sobre cómo hacer esto en otro de los artículos que pusimos en el blog:

http://libreyextremo.blogspot.com.es/2011/11/tutorial-android-parte-10-cambiando-de.html

Voy a mostrar el código directamente para que veáis como quedaría.

HelloAboutPage.java



VentanaAbout.java



About_layout.xml



Pues solo queda ver como ha quedado. Podéis ejecutar la aplicación en el menú Run -> opción Run:





Fácil, sencillo y divertido.

Podéis copiar y reutilizar el código para hacer más rápido vuestras aplicaciones.
También se puede mejorar permitiendo al usuario enviar un correo desde esta página, poniendo logotipo de la empresa, etc…


El código fuente del ejemplo podéis descargároslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial Android Parte 16.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

No comments:

Post a Comment