Вы находитесь на странице: 1из 56

Laboratorio Mail

Aplicación EjemploIntentsM
Crear una aplicación que permita enviar correo
electrónico a un destino particular

Recomendaciones .- Usar Servidor SMTP Hotmail


• Creación del proyecto EjemploIntentsM
Para comenzar la programación con Android en Eclipse, seleccione
Archivo > New(Nuevo)> Android Application Project :
• Creación del proyecto EjemploIntentsM
1 y 2 En el nombre de la aplicación
que aparecerá para los usuarios y
el nombre del proyecto o directorio:
campo, introduzca Ejemplo. Este
será el nombre del nodo raíz del
proyecto en la pestaña de Eclipse
Explorador de paquetes.
3. Nombre del Paquete , Se
recomienda utilizar nombres para
paquete a través de un dominio en
forma inversa
com.inkadroid.Ejemplo ( el dominio
es inkadroid.com )
Se recomienda usar un sistema de
Sintaxis de puntos ya referenciado
ejemplo : Com.inkadroid.Ejemplo
• Creación del proyecto EjemploIntentsM

4. Especifique la mínima
versión (según
estadísticas de uso 2.2 o
2.33), máxima versión ( la
versión actual)y la versión
en la cual se compilara la
aplicación
• Creación del proyecto EjemploIntentsM

4. Especifique la mínima
versión (según
estadísticas de uso 2.2 o
2.33), máxima versión ( la
versión actual)y la versión
en la cual se compilara la
aplicación

Siguiente ( next )
• Creación del proyecto
EjemploIntentsM
Siguiente ( next )
• Creación del proyecto EjemploIntentsM

La siguiente pantalla en
el wizard de creación de
un proyecto de
desarrollo android, nos
permitirá especificar el
ícono de presentación
de la aplicación
Siguiente ( next )
• Creación del proyecto EjemploIntentsM

Creamos una actividad en Blanco.


Una Actividad se define como:
o Representa una cosa concreta
que puede hacer el usuario
o Corresponden con una pantalla
de la interfaz de usuario
o Muestra los controles de la
interfaz de usuario y reacciona
ante las interacciones del
mismo
o Es una clases derivada de la
clase Activity
Creación del proyecto EjemploIntentsM
Atención – de acuerdo al ADT
Creamos una actividad en
Blanco.
Una Actividad se define como:
o Representa una cosa
concreta que puede hacer el
usuario
o Corresponden con una
pantalla de la interfaz de
usuario
o Muestra los controles de la
interfaz de usuario y
reacciona ante las
interacciones del mismo
o Es una clases derivada de la
clase Activity

Siguiente ( next )
• Creación del proyecto EjemploIntentsM
Una vez creado el proyecto,
ir al layout del mismo (se
ubica en: res ->layout -
>activity_main.xml) y
ubicarse en un archivo XML.
• Creación del proyecto EjemploIntentsM
Ahora Diseñaremos la
interfaz gráfica.
• Creación del proyecto EjemploIntentsM
Esta aplicación se realiza la
suma de 2 números al pulsar
un botón.
Para ello necesitamos 4
controles 2 textview(etiquetas
de texto), 2 edittext (Permite la
introducción y edición de
texto por parte del usuario
) y 2 botones.

Primero borramos el TextView


que nos aparece.
• Creación del proyecto EjemploIntentsM
Antes de continuar hay que definir las constantes a utilizar
• Creación del proyecto EjemploIntentsM
Crearemso un archivo XML que contendrá los colores a utilizar para el
seleccionamos la carpeta res – values – new – Android XML
Creación del proyecto EjemploIntentsM
Primero creamos una carpeta para las imágenes , seleccionamos
la carpeta res – luego presiona clic derecho
• Creación del proyecto EjemploIntentsM
Escribimos el nombre de la carpeta
• Creación del proyecto EjemploIntentsM
Ahora copia la imagen en al nueva carpeta : drawable
• Creación del proyecto EjemploIntentsM
Definimos el color de fondo de la Interfaz
• Mejorando la Funcionalidad y Diseño
Ahora trabajaremos con TableLayout antes algo de teoría

Un TableLayout permite distribuir sus elementos hijos de


forma tabular, definiendo las filas y columnas necesarias,
y la posición de cada componente dentro de la tabla.
La estructura de la tabla se define de forma similar a
como se hace en HTML, es decir, indicando las filas que
compondrán la tabla (objetos TableRow), y dentro de
cada fila las columnas necesarias, con la salvedad de
que no existe ningún objeto especial para definir una
columna (algo así como unTableColumn) sino que
directamente insertaremos los controles necesarios
dentro del TableRow y cada componente insertado (que
puede ser un control sencillo o incluso otro ViewGroup)
corresponderá a una columna de la tabla. De esta forma,
el número final de filas de la tabla se corresponderá con
el número de elementos TableRowinsertados, y el
número total de columnas quedará determinado por el
número de componentes de la fila que más componentes
contenga.
• Creación del proyecto EjemploIntentsM
Ahora para diseñar la interfaz usaremos el TableLayout (tablas)

Tip
Si observa algún error en la
creación TableLayout
realicemos los siguientes
pasos :

Seleccione el proyecto –
click derecho - Build Path -
UnderAndroid Lint -
Preferences look - Ignore All
• Creación del proyecto EjemploIntentsM
La primera fila para el titulo : un textView
• Creación del proyecto EjemploIntentsM
La primera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La primera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La primera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Segunda fila para el titulo : un textView
• Creación del proyecto EjemploIntentsM
La Segunda fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Segunda fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Segunda fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
Margen superior de la Segunda fila
• Creación del proyecto EjemploIntentsM
La Tercera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Tercera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Tercera fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
Margen superior de la Tercera fila
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un editText
• Creación del proyecto EjemploIntentsM
La Cuarta fila para el titulo : un ImageButton
• Creación del proyecto EjemploIntentsM
Ahora para probar la interfaz es necesario realizar algunas
modificación a la actividad
• Creación del proyecto EjemploIntentsM
Definimos que la clase base es una Activity
• Creación del proyecto EjemploIntentsM
Definimos que la clase base es una Activity
• Creación del proyecto EjemploIntentsM
Añadimos librerías necesarias
• Creación del proyecto EjemploIntentsM
Si desea puede eliminar librerías no utilizadas
• Creación del proyecto EjemploIntentsM
Implementamos el código para modificar el tipo de fuente
• Ejecutando la Aplicación EjemploIntentsM

Primero deberá guardar los cambios realizados presionando clic en el


icono:

O presione la combinación Ctrl + S.

Ahora probaremos la aplicación:


Seleccione el nombre del proyecto en Eclipse, presione clic derecho –
Run As – Android Application
El emulador de Android ahora se pondrá en marcha
• Ejecutando la Aplicación EjemploIntentsM
Ahora probaremos la aplicación:
Seleccione el nombre del proyecto en Eclipse, presione clic derecho – Run As –
Run Configuration - Target
El emulador de Android ahora se pondrá en marcha
• Ejecutando la Aplicación EjemploIntentsM
• Ejecutando la Aplicación EjemploIntentsM
• Ejecutando la Aplicación EjemploIntentsM
• Ejecutando la Aplicación EjemploIntentsM
Ahora probaremos la aplicación:
Seleccione el nombre del proyecto en Eclipse, presione clic
derecho – Run As – Android Application
El emulador de Android ahora se pondrá en marcha
• Ejecutando la Aplicación EjemploIntentsM
Si el emulador
se bloquea, es Nota
necesario Para modificar la fuente
de Texto de la Interfaz
deslizar el
XML :
botón de
Preferencias – General
desbloqueo – Apariencia – Color y
para fuente – Basic – Text
desbloquearlo Font
Para modificar la fuente
de Texto del código Java:
Preferencias – General
– Apariencia – Color y
fuente – Java – Java
Editor Text Font
• Completando la App

Complete la codificación tomando en cuenta lo siguiente:

Intent i = new Intent(android.content.Intent.ACTION_SEND);


i.setType("plain/text");
i.putExtra(android.content.Intent.EXTRA_EMAIL, new String[]{txtPara.getText().toString()});
i.putExtra(android.content.Intent.EXTRA_SUBJECT, txtAsunto.getText().toString());
i.putExtra(android.content.Intent.EXTRA_TEXT, txtMensaje.getText().toString());
i.setType("message/rfc822");
startActivity(Intent.createChooser(i, "Email"));
• Completando la App

Añadir copia a un segundo destinatario


Gracias por su asistencia

Вам также может понравиться