Cómo crear una etiqueta en Email de Android

como crear una etiqueta en Email de Android

Añade etiquetas a tu cuenta de Gmail y estas serán automáticamente añadidas a tu Email de Android.

Sean Gallup/Getty Images News/Getty Images

Cualquier celular que ejecute el sistema operativo móvil Android requiere que su usuario se registre a una cuenta de Google y utilice Gmail como su gestor predeterminado de correo electrónico. En lugar de carpetas, Gmail deja que sus usuarios ordenen sus correos electrónicos con etiquetas. Ya que tu cuenta de Gmail se sincroniza con tu dispositivo Android, cualquier etiqueta que crees mediante Gmail será añadida a la aplicación Email en tu dispositivo Android. Esto significa que puedes crear etiquetas para Email de Android desde tu navegador web.

Instrucciones

1

Abre tu navegador y explora hasta Gmail.com. Ingresa tus datos de inició de tu cuenta de Google en los campos correspondientes y haz clic en el botón "Iniciar sesión" para acceder a tu cuenta.

2

Haz clic en el icono de "engranaje" en la esquina superior derecha de tu página inicial de Gmail y selecciona la opción "Configuraciones de correo" desde el menú desplegable.

3

Haz clic en la pestaña "Etiquetas" y luego en el botón "Crear nueva etiqueta".

4

Ingresa el nombre de la nueva etiqueta en el espacio ofrecido. Si quieres convertir la etiqueta en una etiqueta secundaria, haz clic en la flecha bajo el encabezado "Agrupar etiqueta bajo:" y selecciona la etiqueta contenedora desde el menú desplegable.

5

Haz clic en el botón "Crear" para crear una etiqueta. Esta será añadida a la aplicación Email de tu dispositivo Android.

Junto con los botones y las etiquetas, las cajas de texto son el tercer tipo de elemento más común con el que trabajarás. En Android, la clase que utilizamos para implementar las cajas de texto se llama EditText, que es una subclase de TextView que utilizamos para crear etiquetas (labels).

Aparte de las propiedades que esta clase hereda de TextView, posee otras muy interesantes que podemos utilizar:

android:autoText para definir si la caja de texto proveerá corrección ortográfica de manera automática.

android:capitalize si queremos que la caja de texto cambie la primera letra del texto introducido a mayúscula.

android:singleLine para controlar si el texto que se introduzca en la caja de texto ocupará una línea o varias; esta propiedad también define el comportamiento de la tecla Enter (si nos posicionará en el siguiente widget en caso de que su valor sea true o si nos agregará una línea nueva para escribir en caso de que se defina como false).

android:numeric cuando queramos que el texto introducido sean únicamente números.

android:password cuando requerimos que el usuario ingrese datos de tipo contraseña y muestre la información en formato de puntos.

Esta clase posee muchos atributos interesantes que puedes consultar en la tabla XML Attributes de la documentación oficial de Android Developers.

El código…

Para ver el resultado de utilizar algunos de los atributos mencionados arriba vamos a hacer un ejemplo en el que definiremos varios EditText definidos con combinaciones diferentes de atributos para ver su comportamiento en tiempo de ejecución.

1. Creamos un proyecto llamado AndroideityEditText con la versión Android 2.1 update 1.

2. Modificamos el archivo main.xml del directorio res/layout definiendo tres TextView para identificar el atributo que implementa el EditText que colocaremos junto. Así deberá quedarte el código: 

3. Lo ejecutamos y vemos el resultado:

En el primer EditText cada vez que demos Enter nos agregará una línea nueva para seguir escribiendo lo que queramos. En el segundo, utilizamos la propiedad de entrada de texto restringida a números, por lo que aunque tecleemos letras, el resultado en pantalla serán dígitos numéricos. Y por último, utilizamos el atributo de contraseña que como puedes ver hace el texto ilegible para el ojo humano.

Crear ListView Básico en Android

En esta pantalla elegimos el nombre de la Actividad, lo que nos creará también el nombre del layout de la actividad nueva.

Con esto ya tendremos nuestra Activity creada. Ahora nos iremos al XML y añadiremos elListView de esta manera, quedando el xml así:

1 2 3 4 5 6 7 8 9 10 11 12

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context=".EjemploListView" >     <ListView         android:id="@+id/listview"         android:layout_width="wrap_content"         android:layout_height="wrap_content"/> </RelativeLayout>

Con esto, si vamos a la parte gráfica del xml podremos ver ya algo así:

A continuación nos dirigimos a nuestro archivo java, ubicado en src/nombre_paquete/EjemploListView.java (en mi caso). Vamos a comenzar declarando elListView y un array de String con unos elementos ya predefinidos, que serán los que usaremos para rellenar el ListView.

1 2 3 4 5 6

public class EjemploListView extends Activity {     private ListView list;     private String[] sistemas = {"Ubuntu", "Android", "iOS", "Windows", "Mac OSX",                                 "Google Chrome OS", "Debian", "Mandriva", "Solaris", "Unix"};

Ahora nos meteremos dentro del método onCreate, para poder inicializar la lista, crear unAdapter, que es una clase la cual usaremos para rellenar el ListView y agregaremos alguna funcionalidad más al ListView.

Para “enlazar” el ListView del xml con la variable de instancia que hemos creado, haremos lo siguiente:

1 2	list = (ListView)findViewById(R.id.listview);

Como vemos, usamos el método findViewById para buscar el id que le dimos al ListView en el xml.

A continuación, vamos a declarar el Adapter. Esta clase será la encargada de adaptar el Array que tenemos a un ListView. En este caso, el adapter será solo de ya que nuestro array solo contiene elementos de tipo String.

1 2	ArrayAdapter<String> adaptador = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, sistemas);

Vamos a analizar bien el ArrayAdapter. Como bien indica el nombre de la clase, es un adaptador de arrays, y en este caso de tipo String.

En su constructor, pasamos como argumentos los siguientes elementos:

Context: Pasamos el Context de la aplicación, mediante el uso de this.

android.R.layout.simple_list_item_1: Esto es el tipo de ListView, en nuestro caso, solo muestra un elemento, por lo tanto usaremos para cada dato un contenedor con un solo elemento.

sistemas: Le pasamos el array con los SO que hemos declarado como variable de instancia que está ubicado debajo del nombre de la clase.

Por último estableceremos el objeto adapter de la clase ArrayAdapter al ListView que hemos declarado, lo que hará que cargue los datos en el y ya podamos verlo en funcionamiento.

1 2	list.setAdapter(adaptador);

Como vemos es un proceso simple, en una sola línea.

Por último, vamos a agregar un listener a la lista, en este caso un onItemClickListener, que producirá un aviso mediante un objeto Toast con el número del elemento pulsado cuando pulsemos sobre la ListView. Esto podemos hacerlo de la siguiente manera.

1 2 3 4 5 6 7 8 9 10 11

list.setOnItemClickListener(new OnItemClickListener(){     @Override     public void onItemClick(AdapterView<?> arg0, View arg1, int position, long id) {         // TODO Auto-generated method stub         Toast.makeText(getApplicationContext(), "Ha pulsado el item " + position, Toast.LENGTH_SHORT).show();     } });

En el método generado, se pasan una serie de parámetros (esto se origina solo si usamos Eclipse). En este caso el que mas nos importa es el parámetro cuyo tipo de dato es int, al cual le he cambiado el nombre para que veamos bien a que se refiere.

A continuación, creamos un Toast, el cual mostrará un aviso que nos devolverá el elemento que hemos pulsado.

Una vez hecho todo esto, podemos lanzar nuestra aplicación, y ver como ha quedado todo, a continuación pongo unas imágenes de como me ha quedado a mí y un pequeño video para verlo en acción: