En este curso se retoman los temas vistos en cursos anteriores. Se complementan con aspectos prácticos como la forma de implementar mapas en tus proyectos con el API de Google Maps. También, muestra cómo aprovechar el multitask de Android y hacer animaciones en 2D para llevar tus aplicaciones a más dispositivos como weareables, televisiones y autos. Después de este curso, podrás subir tu aplicación a Google Play Store y hacerte visible para el mundo entero.
Ejemplo:Notificación Android Wear añadiendo múltiples acciones
Loading...
來自 Universidad Nacional Autónoma de México 的課程
Desarrollo de aplicaciones avanzadas con Android
73 個評分
從本節課中
Wereables Android Wear
Hoy en día, tus aplicaciones deben estar disponibles, no sólo en dispositivos móviles como celulares o tabletas, también en Wereables. Para ello, debemos tener diseños específicos, notificaciones específicas y conectar un smartphone con un emulador. Prepárate para diseñar un wereable en este módulo.
與講師見面
Anahi SalgadoAnahi Salgado. Android Certified Application Developer, programadora, capacitadora y conferencista.
Universidad Nacional Autónoma de México
Me encuentro en el proyecto que hicimos hace un momento y lo único que he hecho es
que le he cambiado un poquito las imágenes y además he añadido un nuevo dispositivo,
este exactamente, este es mi teléfono móvil,
mi teléfono físico entonces ese teléfono físico pues pretende ser un unicornio,
y este que está acá pretende ser un perro.
Por eso dice soy un perro,
da un toque al unicornio, y soy un unicornio da un toque al perro.
Como te comentaba este dispositivo, este que está aquí you lo hemos
dado de alta también en nuestra base de datos en Firebase y you hemos cachado
también su identificador, entonces eso fue lo que yo hice previamente en secreto,
por supuesto tú no me viste hacerlo pero te comento que te dejaré disponible
el código para que puedas estar checando y si quieres hacer los cambios pertinentes.
Excelente pues, hasta ahorita lo que sucede es que yo desde un unicornio puedo
darle tap al perro, y entonces al perro le está llegando una notificación dice,
un unicornio te dio un toque y al mismo tiempo puedo darle un tap al
unicornio y entonces me está llegando una notificación a mi teléfono celular
y además me está llegando también al Smartwatch Android Wear.
Esto dado que pues ambos están sincronizados.
Como observas esto es una notificación que son nuestras notificaciones puenteadas,
nuestras notificaciones por default, y lo que vamos a trabajar en este ejercicio
es precisamente a dar soporte para las notificaciones en Android Wear,
vamos a estar creando, personalizando un poco esta notificación, específicamente
para el Smartwatch, y además vamos a añadir más acciones de lo que vemos aquí.
Entonces vamos a nuestro proyecto, aquí lo tengo,
y ahorita el proyecto como está trabajando pues estamos trabajando con la
clase android.app.NotificationManager,
pero si vamos un poquito a la parte de la documentación de wearables Android,
developer.android.com en la parte de wearables,
vamos a observar que si queremos estar trabajando
notificaciones para Android Wear, es muy importante estar
utilizando el soporte o las librerías de soporte para notificaciones.
Entre ellas estará NotificationManagerCompat de la
compatibilidad v4, NotificationCompat, que todas provienen del v4.
Entonces lo que haremos será copiar estas librerías y vamos
a sustituirlas, vamos a sustituir las anteriores por estas que tenemos aquí.
Lo único que acabo de hacer es borrar todo lo que haga referencia
a la clase notification,
todo lo que tenga yo anteriormente y ahora voy a pegar las librerías que tenía.
Entonces le voy a dar un paste, excelente.
Como observas algunas de ellas yo you las estaba trabajando con la versión
v4 pero otras no.
Esto va a querer decir que como vemos más abajo pues you nos está mostrando
un pequeño, pues algunos errores dado que no estábamos trabajando
con las librerías de soporte para Android Wear.
Entonces principalmente la clase que no está trabajando es esta
NotificationManager, la cual vamos a transformar por NotificationManagerCompat,
y además todo lo que está después del igual lo vamos a quitar y vamos a poner
lo siguiente, vamos a colocar NotificationManagerCompat.from,
tal cual como se está observando ahí en la pantalla
y en el from recibirá el contexto, vamos a poner this.
Perfecto, aquí está you nuestro objeto NotificationManager
que se encarga de enviar la notificación.
NotificationManager y NotificationCompat me van a permitir estar
dando el soporte para Android Wear, mostrando mis notificaciones,
disparándolas y además añadiéndole acciones personalizadas.
Este identificador lo voy a trabajar con otro TAG, entonces lo voy a quitar de ahí
y voy a ir a la parte de arriba de la clase para dar de alta
otro TAG que se llame NOTIFICATION_ID,
será el identificador de nuestra notificación.
Y entonces este será un tipo de dato entero.
Excelente, vamos a cambiar lo que está aquí.
Voy a poner 001, y eso será lo que yo ponga acá, NOTIFICATION_ID.
Muy bien, una vez que you tengo esto pues vamos a correr de nuevo la aplicación,
ahorita la tengo corriendo en mi teléfono,
voy a borrar todas las notificaciones y como you estaba corriendo la aplicación,
esta es una de las características lindas de Android Studio 2.1
que la aplicación ahora you esta como en estados de
corriendo y además la puedes detener,
y entonces si you está corriendo pues simplemente detecta lo poco que
corregiste, y entonces eso lo compila y lo integra al proyecto.
Bien, vamos a dar un toque al unicornio y vamos a ver qué sucede.
Perfecto, la nuestra notificación sigue llegando.
Perro te dio un toque.
Perfecto, hasta ahorita no vemos nada fuera de lo común,
simplemente estamos habilitando nuestra notificación
para que podamos añadirle características de Android Wear.
Bien, pues a continuación lo que voy a estar trabajando
es precisamente la parte de añadir múltiples acciones a esta notificación.
Esto cabe mencionar que por el momento estas múltiples acciones serán vistas
tanto en el dispositivo como también en el Smartwatch, okey, en ambos.
La notificación será vista, con acciones será vista en ambos dispositivos.
Entonces lo que voy a tener que hacer por acá es definir simplemente
es muy sencillo, voy a poner un método que diga addAction, perfecto,
y lo que va a estar recibiendo primeramente es el ícono,
después será el título, y después será el Intent a donde se tiene que dirigir.
Entonces voy a, según las
especificaciones de Android Wear que es precisamente este archivo,
es que si yo quiero mostrar una acción,
una acción como se muestra aquí, pues el tamaño de este ícono debe ser de 104dp
que esto en resolución media de pixeles correspondería a 104 pixeles.
Y el ícono debe llamarse ic_full_ lo que sea, ¿no?
Este enlace también te lo voy a poner en
la siguiente lectura que vas a poder accesar donde estará el enlace al
repositorio en Github y además estará este enlace para que puedas tener este archivo.
Perfecto, entonces recuerda que nuestro ícono debe tener 104dp y además
debe tener, debe llamarse de esta forma, ic_full_ y lo que sea.
Yo you tengo afortunadamente un ícono listo que es este,
tiene la medida exacta y además tiene también el nombre,
este ícono lo voy a importar a mi proyecto a través de la parte de,
voy a comentar tantito esto para que no me vaya a causar conflictos,
entonces gracias a mi plugin voy a trabajar este elemento.
Voy a poner batch drawable import, le voy a poner más, y entonces voy a seleccionar
dónde estoy trabajando mi aplicación, aquí está Petagram y voy a poner este.
Este es el que necesito.
Perfecto, este será la resolución media, para que sean 104dp,
como observas tiene 104 y 104, debemos seguir o por lo menos debemos tratar
de seguir las métricas que nos muestra para que todo funcione a la perfección.
Listo, you está, you está aquí nuestro ícono, entonces simplemente con addAction,
lo primero que recibía a través del archivo R vamos a poner
.drawable.ic_full_poke, perfecto.
Ahora vamos a colocar el siguiente parámetro que es nuestro texto,
nuestro texto lo vamos a traer de un archivo strings
y vamos a escribirlo ahí en el archivo strings,
y en el archivo strings vamos a colocar lo siguiente string,
el nombre de la variable, la voy a llamar toque, toque,
voy a poner texto,
texto_accion_toque, listo.
Y aquí vamos a poner Devuelve el toque, ese será
la acción que queremos que haga nuestro elemento, perfecto, nuestra acción.
Entonces voy a poner aquí getString es texto_accion_toque.
Toque, listo.
Ahora el siguiente es el PendingIntent,
voy a utilizar el mismo que you estaba trabajando.
Perfecto, bien, vamos a correr esto,
de nuevo, muy bien acaba de correr, voy a enviar una notificación.
you se ha enviado.
Perfecto, hasta ahorita, cómo observamos you está apareciendo nuestra
acción aquí en las acciones del Android Wear, y además está apareciendo
la acción aquí en nuestra notificación.
Como observas el ícono se está viendo un poco diferente, un poco raro.
Y entonces habrá veces en las que quisiéramos mostrar
únicamente notificaciones, únicamente acciones,
para el Android Wear y que estas acciones no aparezcan en la notificación.
Okey, exactamente eso es lo que vamos a hacer.
Vamos a ocultar que aquí se esté mostrando la acción en
la notificación y que solamente esté apareciendo aquí en nuestro Android Wear.
Perfecto, entonces vamos a trabajar esa parte y entonces you no necesitaré este
método, addAction, lo voy a comentar y entonces como voy a estar trabajando con
notificaciones que, con acciones que únicamente serán vistas en Android Wear,
pues entonces debo comenzar a trabajar con la clase NotificationCompat.Action
y voy a crear un action le voy a poner igual a new NotificationCompat.
sin los paréntesis .Action, esto también va sin los paréntesis .Builder,
este sí va con paréntesis y entonces aquí aquí
es donde estaremos configurando la acción, todo lo que habíamos puesto por acá.
De nuevo colocaremos el ícono, R.drawable.
ic_full_poke, ahora sigue el texto,
vamos a colocar getString R.string_texto_accion_toque,
y por acá el PendingIntent okey, PendingIntent punto y coma.
Bien, después del punto y coma voy a dar aquí un salto de línea.
Es muy importante que coloquemos .build,
okey y con eso se quitará todo lo rojo que teníamos.
Es importante construir la action.
Perfecto, entonces es un objeto de tipo acción y donde en el método constructor
que va desde aquí hasta acá, estamos casi configurando la acción,
asignándole un ícono, colocándole un texto y el lado hacia donde se va
a dirigir con ese PendingIntent y ahora una vez que you hemos configurado
la acción utilizaremos ahora la clase NotificationCompat.
WearableExtender y entonces crearemos un objeto que estará funcionado
para generar las características de la notificación para Android Wear.
Entonces voy a colocar new
NotificationCompat.WearableExtender y coloco punto y coma, listo.
Ahora, con esto, you es un objeto que you tiene la propiedad, todo lo
que yo quiera configurar para wearable, lo tendré que hacer a partir de este objeto.
Entonces este objeto le voy a añadir
precisamente la acción que acabo de configurar también.
Ambos los estoy configurando por separado si es que lo notas.
Y ambos provienen de la clase NotificationCompat que
es lo más importante.
Perfecto.
Este wearableExtender tenemos que añadirlo a nuestra notificación que será
la que estará lanzándose con el método extend.
Entonces colocaremos aquí wearableExtender y y colocaré .addAction,
addAction y entonces pasaré mi objeto action.
Entonces como observas pues la notificación como tal
en sus parámetros, you no tiene la acción incluida sino que la acción solamente
está incluida en la parte de wearable.
Okey, entonces vamos a correr esto, para ver
cómo queda, voy a quitar la notificación que teníamos,
lo voy a poner aquí, listo, parece que los cambios you se aplicaron.
De nuevo vamos a lanzar la notificación, perfecto.
Entonces, vamos a desplegar y como observamos,
aquí you no se está viendo en esta parte de aquí, la action.
Vamos a revisar en el wearable,
y en el wearable sí estamos teniendo devuelve el toque, okey.
Entonces, estamos viendo el ícono que configuramos,
estamos viendo también el texto que habíamos configurado.
Perfecto, vamos ahora a hacer que esta notificación luzca mejor,
se vea más bonita, que no se vea así verde como está aquí.
Vamos a este objeto, wearableExtender, vamos a colocarle más,
más características.
Por ejemplo podríamos colocar un par de características que lo harían más lindo.
Por ejemplo que el ícono setHintHideIcon,
ese el ícono de la aplicación pues esté escondido, que no sea mostrado.
Eso podría colocarlo.
Además podría colocar un fondo,
una imagen de fondo a esta notificación.
Las características de la imagen de fondo es que deben ser de 600 por
600 píxeles, y bueno yo you tengo una imagen lista por aquí.
Acá están los créditos de esta imagen,
y esta imagen debe ser de 600 por 600 píxeles.
Yo te aconsejo que pues busques algo como esto,
algo que no esté tan complejo sino que él pueda lucir, pueda verse bien,
pueda lucir en una pantalla tan pequeña como la de Smartwatch.
Entonces esa imagen la voy a traer aquí, a mi proyecto también,
la vamos a incluir en la carpeta drawable, rápidamente la metemos,
aquí están, decimos que esta sea la medium, perfecto, ¿okey?
Y okey.
Listo, la imagen you está.
Entonces, con la instrucción setBackground,
voy a colocar .setBackground esto lo que recibe es un objeto de tipo bitmap,
entonces voy a utilizar la clase BitmapFactory
y le voy a poner decodeResource y aquí colocaré
getResources, por un lado getResources y
por otro lado le decimos que el recurso lo tome de
drawable.bk_androidwear_notification, excelente.
Listo, además yo también podría configurar a la notificación como observas,
pues no puedo levantarla más, simplemente se queda en la parte baja de la pantalla.
Yo podría hacer que la notificación pueda yo al menos levantarla un poco para que
quede como a esta altura.
Eso lo hago, lo hago, voy a darle aquí un enter para que se vea muy bien el código.
Esto lo haré con la instrucción setGravity,
setGravity y con la clase Gravity, esta que está aquí,
la traemos voy a poner .CENTER_VERTICAL.
Entonces también tenemos center top, bueno top solamente,
que la notificación se pueda estar hasta arriba
o que esté center vertical o bueno, ahí tienes muchas más opciones.
Bien, vamos a ver cómo se ve esto.
Vamos a correrlo de nuevo.
Listo, la aplicación you está corriendo de nuevo.
Vamos a enviar ahora nuevamente, otra notificación, otro toque y listo.
Bueno you nuestra notificación en el Smartwatch se ve mucho mejor.
Tenemos you por aquí, una imagen de fondo, podemos
estar levantando más la notificación o podemos dejarla en la parte baja.
Como observas el título se queda solamente asomándose,
entonces con esto podemos dar como ese efecto
de accesar ahora a las acciones de la notificación y dice,
devuelve el toque, abre en tu teléfono o bloquea la aplicación.
Perfecto, pues, si yo presiono devuelve el toque,
pues hasta ahorita lo único que está haciendo devuelve el toque es que
está abriendo el activity de el MainActivity.
Okey, vamos a hacer que este botón de devuelve el toque, pues realmente lo que
haga es que le dé un toque a éste, que sería nuestro perro.
Este que es el perro, entonces le llegue una notificación al perro.
Para ello utilizaremos un nuevo término, En Android que no es tan nuevo,
que lo vimos en nuestro curso de fundamentos de Android,
y es que utilizaremos la clase BroadcastReceiver, okey.
Y entonces para ello voy a crear una nueva clase aquí,
voy a dar clic derecho Java Class, y voy a colocar ToqueAnimal.
Okey, entonces lo que estaremos trabajando aquí será que esta clase esté heredando de
la clase BroadcastReceiver y además el método que a mí
me interesa implementar es el método onReceive, okey.
Perfecto, hasta ahorita la forma en que trabaja nuestra notificación
es que trabaja a través de un Intent, okey.
Entonces cuando nosotros le damos clic a la acción pues se ejecuta este
PendingIntent que trae consigo el Intent y el Intent trae
consigo a su vez que pues vaya y abra la MainActivity, okey.
Nosotros lo que queremos en ese momento es, pues,
que no ejecute la MainActivity, una clase,
o sea que no abra una nueva ventana, sino que simplemente ejecute un método que
nosotros you tenemos definido que ese método es, está en nuestro MainActivity,
ToqueAnimal que lo que hace es precisamente enviar los datos a nuestro
servidor y entonces el servidor procesa los datos y nos manda la notificación.
Entonces para ello yo tendré que aquí en mi
Intent configurarlo para que entonces ejecute una,
ponga en alerta un BroadcastReceiver y entonces en cuanto se de esa acción,
esa acción de devolver el token,
entonces eso se cache en este método onReceive y el método onReceive,
entonces aquí sí yo you puedo estar manipulando todas las cosas que sucedan.
Entonces fíjate bien como lo vamos a trabajar, primeramente en nuestro Intent
que tenemos, vamos a borrar todo lo que tenía configurado,
es decir todos los parámetros que tenía de en dónde estoy ubicada y hacia dónde
quiero ir y lo que voy a colocar a continuación será a mi Intent,
le voy a poner i.setAction, y entonces la acción
es que voy a asociar de alguna forma que este texto o este botón
tenga asociado un texto, okey, tenga asociado una clave por decirlo así.
La clave que vamos a manejar va a ser TOQUE en mayúsculas, TOQUE_ANIMAL,
así, esa será nuestra clave, es nuestra clave secreta y
ahorita vamos a configurar que esto esté respondiendo a ToqueAnimal.
Entonces lo colocamos en setAction,
y en el pendingIntent entonces you se está enviando el pendingIntent,
y entonces la acción you tiene asociada esta llave, okey.
Perfecto, entonces la clase que acabamos de crear
ToqueAnimal que está heredando del BroadcastReceiver,
tenemos que registrarla en nuestro archivo Android Manifest, okey.
Entonces ahí en nuestro archivo Android Manifest voy a declarar
la clase pero en este caso no la voy a declarar como un activity,
sino la voy a declarar como un receiver.
Automáticamente you me detecta quién es un receiver y voy a poner,
voy a cerrar estas tags y ahora vamos a colocar
dentro de receiver, la propiedad
intent-filter y dentro de intent-filter la propiedad action.
La propiedad action me va a decir específicamente que si recibo
o si detecto que se ejecutó la acción TOQUE_ANIMAL,
recuerda que esta es nuestra clave, si recibo esta acción TOQUE_ANIMAL,
entonces nuestro intent-filter pues activará esta clase TOQUE_ANIMAL.
Y esta clase ejecutará en ese momento el método onReceive, entonces ahí
lo que nosotros queremos hacer dentro del método onReceive es decir cuando alguien
le de tap a devolver token, pues lo que queremos es enviar la notificación.
Por lo tanto voy a copiar este método, todo como está aquí,
el método de mi archivo MainActivity que se llama toqueAnimal,
lo voy a copiar en la clase TOQUE_ANIMAL, okey.
Y you está, you está copiado.
Entonces allí adentro voy a colocar pues simplemente el
llamado a la acción, voy a colocar aquí tan solo
una verificación para que en el caso de que tú empieces a manejar varias acciones
aquí en tu menú de acciones, pues a partir de este código que
te voy a mostrar puedas estar validando cuál es la acción a la cual se llevó.
Entonces también si vas a manejar varias acciones, todas esas acciones
tienen que estar dadas de alta aquí como actions, todas esas claves,
para que en ese momento pues sepan que deben llamar a esta clase TOQUE_ANIMAL.
Entonces voy a poner aquí accion
y nuestra, voy a poner ACCION_KEY,
nuestra ACCION_KEY se llama
TOQUE_ANIMAL y entonces esta será nuestra ACCION_KEY,
y a partir del intent que estoy recibiendo por acá que es el intent que proviene
desde mi notificación, voy a recibir la acción,
le voy a poner intent.getAction y entonces con este getAction obtengo la clave.
Okey, obtengo la clave definida.
Aquí a partir de este momento tú puedes empezar a hacer tus validaciones,
que si por ejemplo ACTION_KEY.equals a action,
si son iguales entonces ejecuta lo siguiente, lo que tiene que ejecutar es
pues en nuestro caso llamar al método toqueAnimal, este método no es
necesario que esté recibiendo un objeto view entonces lo borramos.
Bien, adicional a esto yo puedo también manejar que envíe un mensaje tipo Toast
como notificando que a quien le dio una,
le dio un toque, entonces yo puedo poner aquí Diste un toque a,
y voy a colocar aquí más arriba también mis
claves que las tengo acá, también las necesito,
voy a crearla por ahí con un alt enter, el animal receptor
será el perro para nuestro caso, recuerda que esta notificación
la estoy enviando desde el wearable entonces el receptor será el perro,
y el emisor será el unicornio,
unicornio.
Necesitamos también el ID del receptor, ahí está y el ID del receptor
you lo tenemos por acá configurado, el ID del receptor para el PERRO.
Vamos a copiar esto que está aquí, y lo vamos a poner acá.
Esto por supuesto será mucho mejor manejarlo en una clase para que en una
clase de tags, de claves, para que bueno esto sea mejor llevado.
Entonces aquí puedo aprovechar las variables anteriores y puedo decirle Diste
un toque a y le voy a poner ANIMAL_RECEPTOR.
Además también tenemos que configurar nuestro PendingIntent,
ahorita le estamos diciendo al PendingIntent que abra una actividad
y la verdad es que ahora you no tenemos una actividad sino tenemos un
BoradcastReceiver, entonces vamos a trabajar este PendingIntent, lo voy a,
voy a quitar esta parte de getActivity le voy a poner getBroadcast.
Bien, básicamente pues recibirá los mismos parámetros a excepción de la
bandera que ahora la bandera será FLAG_UPDATE_CURRENT,
okey, para que todo esto sea actualizado.
Vamos a correr nuestro proyecto, you está corriendo aquí el proyecto.
Voy a dar una notificación desde aquí, y listo la notificación llegó.
Entonces vamos a devolver el toque, okey.
Voy a darle ahí tap, dice Diste tú un toque a perro y perfecto,
está llegando la notificación,
y como observas en esta parte de acá se está ejecutando una animación.
Yo podría darle otro toque,
la notificación aquí está llegando a la perfección.
Perfecto, esa es una forma en cómo podemos estar dando soporte para Android Wear
añadiendo múltiples acciones y además configurando
nuestra notificación para que se vea y luzca mucho mejor en Android Wear.
