KELA Presentacion Costa Rica 2024 - evento Protégeles
Menú Animado con Android Wear
1. Menú Animado Wear
(Moto 360)
El siguiente tutorial nos explica cómo crear un menú animado en una aplicación Wear.
Este tutorial ha sido probado en un Moto360 y desarrollado en AndroidStudio bajo sistema
operativo Mac.
Este menú ha sido adopatdo del proyecto https://github.com/florent37/WearMenu
Para la depuración de la aplicación, ya se ha configurado previamente el ADB y su
depuración vía bluetooth.
Lo primero es crear nuestra app wear, para esto le asignamos un nombre y un dominio.
Seguido a esto, definimos que nuestro proyecto será sólo wear y dejamos al API que tiene
por defecto, el 21.
Luego seleccionamos el tipo de activity, en este caso como vamos a desarrollar una app,
seleccionamos “Always On Wear Activity”. Seguido a esto, definimos el nombre y el layout y
finalmente finalizamos para tener nuestro espacio de trabajo.
4. Ya teniendo nuestro holder,vamos a crear el adaptador. Este componente que extiende de
FragmentGridPagerAdapter nos permitirá navegar entre los fragmentos del menú.
Por último, vamos a nuestro ActivityMain y configuramos el menú.
Para esto definimos los elementos, sus títulos y los íconos
final WearMenu wearMenu = (WearMenu) findViewById(R.id.wear_menu);
wearMenu.setMenuElements(
new String[]{
"Título 1",
"Título 2",
"Título 3",
"Título 4"
},
new Drawable[]{
getResources().getDrawable(R.drawable.ic_car,null),
getResources().getDrawable(R.drawable.ic_notif,null),
getResources().getDrawable(R.drawable.ic_picture,null),
getResources().getDrawable(R.drawable.ic_speak,null)
}
);
5. Y por último definimos y adicionamos los elementos y sus atributos, instanciando el holder
que creamos previamente.
Ya sólo nos queda ejecutar la aplicación y correrla en nuestro dispositivo wear.
Toda la documentación y código fuente lo puedes encontrar en:
https://github.com/joseberna/MoscoDevWearMenuDemo
Jose Fernando Berna Molano
@josefbernam