SlideShare a Scribd company logo
1 of 5
Download to read offline
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. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Como vamos a implementar una librería externa, la adicionamos en el archivo build.gradle  
 
compile ​'com.github.florent37:wearmenu:1.0.0@aar' 
 
Luego compilamos y ya tenemos lista nuestra librería para implementarla dentro de nuestro                         
proyecto.  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ahora procedemos a desarrollar el modelo de nuestro menú. Para eso creamos la clase                           
Element, donde se definirá cada item de la lista del menú, en nuestro caso tendrá cuatro                               
atributos con sus respectivos GET y SET. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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​) 
       } 
)​; 
 
 
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 

More Related Content

Viewers also liked

Resolucion banco oferentes
Resolucion banco oferentesResolucion banco oferentes
Resolucion banco oferentesmcriverah
 
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...Maria Willamowius
 
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"INACAP
 
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!HighHeels-Boutique.com
 
Naxos Music Library - Eigenschaften und Funktionen (2014)
Naxos Music Library - Eigenschaften und Funktionen (2014)Naxos Music Library - Eigenschaften und Funktionen (2014)
Naxos Music Library - Eigenschaften und Funktionen (2014)NAXOS Deutschland GmbH
 
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...NAXOS Deutschland GmbH
 
Grupe -kunst_des_mbira-spiels - copy
Grupe  -kunst_des_mbira-spiels - copyGrupe  -kunst_des_mbira-spiels - copy
Grupe -kunst_des_mbira-spiels - copypaulforster
 
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...INACAP
 

Viewers also liked (20)

Resolucion banco oferentes
Resolucion banco oferentesResolucion banco oferentes
Resolucion banco oferentes
 
Preisliste
PreislistePreisliste
Preisliste
 
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...
Post Event Report der Software Asset Management Strategies 2013 Konferenz in ...
 
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"
Sra. Pilar Majmud, "Lean Startup: El Emprendimiento Dentro de la Empresa"
 
Tipos de discurso descriptiva
Tipos de discurso descriptivaTipos de discurso descriptiva
Tipos de discurso descriptiva
 
Weerth: Herbsttagung der Außenwirtschaftsrunde 2009: Zollrecht im Wandel - v...
Weerth: Herbsttagung der Außenwirtschaftsrunde 2009: Zollrecht im Wandel - v...Weerth: Herbsttagung der Außenwirtschaftsrunde 2009: Zollrecht im Wandel - v...
Weerth: Herbsttagung der Außenwirtschaftsrunde 2009: Zollrecht im Wandel - v...
 
Alcoholismo
Alcoholismo Alcoholismo
Alcoholismo
 
Susana quintana
Susana quintanaSusana quintana
Susana quintana
 
imagenes
imagenesimagenes
imagenes
 
Proyecto formación de formadores
Proyecto formación de formadoresProyecto formación de formadores
Proyecto formación de formadores
 
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!
Weinbau in der Toskana - Umfassende Infos zu italienischen Weinen!
 
Naxos Music Library - Eigenschaften und Funktionen (2014)
Naxos Music Library - Eigenschaften und Funktionen (2014)Naxos Music Library - Eigenschaften und Funktionen (2014)
Naxos Music Library - Eigenschaften und Funktionen (2014)
 
Trabajo de quimica
Trabajo de quimicaTrabajo de quimica
Trabajo de quimica
 
derecho sucesorio fernando mellado
derecho sucesorio fernando mellado derecho sucesorio fernando mellado
derecho sucesorio fernando mellado
 
ROOTING ANDROID
ROOTING ANDROIDROOTING ANDROID
ROOTING ANDROID
 
Defensa tesis
Defensa tesisDefensa tesis
Defensa tesis
 
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...
Blu-ray, DVD- und CD-Neuheiten Januar 2014 Nr. 2 (Im Vertrieb der NAXOS Deuts...
 
Grupe -kunst_des_mbira-spiels - copy
Grupe  -kunst_des_mbira-spiels - copyGrupe  -kunst_des_mbira-spiels - copy
Grupe -kunst_des_mbira-spiels - copy
 
Online urlaubsmagazin
Online urlaubsmagazinOnline urlaubsmagazin
Online urlaubsmagazin
 
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...
Sr. Mario Vasquez Astudillo. Experiencia de implementación de un modelo pedag...
 

Similar to Menu Animado para Wear Developer

Manual de android parte 1
Manual de android parte 1Manual de android parte 1
Manual de android parte 1ftriana5000
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles Jael Vazquez
 
Manual de aplicaciones moviles
Manual de aplicaciones movilesManual de aplicaciones moviles
Manual de aplicaciones movilesJael Vazquez
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaJosué Naquid
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles Jael Vazquez
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles Jael Vazquez
 
Greach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con GriffonGreach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con GriffonMario García
 
Interfaz de app inventor 2
Interfaz de app inventor 2Interfaz de app inventor 2
Interfaz de app inventor 2Bruno Vidondo
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipsejaquiiMc
 
Primeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier AznarPrimeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier AznarPablo Aguilera
 
Resumen el gran libro de andorid
Resumen el gran libro de andoridResumen el gran libro de andorid
Resumen el gran libro de andoridJilton Delgado
 
Android 2 traducido
Android 2 traducidoAndroid 2 traducido
Android 2 traducidoUPBC
 
MTI App inventor: Conociendo el Entorno
MTI App inventor: Conociendo el EntornoMTI App inventor: Conociendo el Entorno
MTI App inventor: Conociendo el EntornoUranretxed Inc.
 
Interfaz de mit app inventor 2
Interfaz de mit app inventor 2Interfaz de mit app inventor 2
Interfaz de mit app inventor 2CarlosAlbarran
 
Tutorial 1 android
Tutorial 1 androidTutorial 1 android
Tutorial 1 androidlibidinosa
 

Similar to Menu Animado para Wear Developer (20)

Clases de Programación Android
Clases de Programación AndroidClases de Programación Android
Clases de Programación Android
 
Android
AndroidAndroid
Android
 
Manual de android parte 1
Manual de android parte 1Manual de android parte 1
Manual de android parte 1
 
Practicasbasicasparaandroid 120112060404-phpapp02
Practicasbasicasparaandroid 120112060404-phpapp02Practicasbasicasparaandroid 120112060404-phpapp02
Practicasbasicasparaandroid 120112060404-phpapp02
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles
 
Manual de aplicaciones moviles
Manual de aplicaciones movilesManual de aplicaciones moviles
Manual de aplicaciones moviles
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles
 
Manual de aplicaciones moviles
Manual de aplicaciones moviles Manual de aplicaciones moviles
Manual de aplicaciones moviles
 
Greach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con GriffonGreach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con Griffon
 
Interfaz de app inventor 2
Interfaz de app inventor 2Interfaz de app inventor 2
Interfaz de app inventor 2
 
Como insertar una imagen en eclipse
Como insertar una imagen en eclipseComo insertar una imagen en eclipse
Como insertar una imagen en eclipse
 
Primeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier AznarPrimeros pasos con Backbone js, por Xavier Aznar
Primeros pasos con Backbone js, por Xavier Aznar
 
Resumen el gran libro de andorid
Resumen el gran libro de andoridResumen el gran libro de andorid
Resumen el gran libro de andorid
 
Android 2 traducido
Android 2 traducidoAndroid 2 traducido
Android 2 traducido
 
App inventor primeros pasos i
App inventor   primeros pasos iApp inventor   primeros pasos i
App inventor primeros pasos i
 
MTI App inventor: Conociendo el Entorno
MTI App inventor: Conociendo el EntornoMTI App inventor: Conociendo el Entorno
MTI App inventor: Conociendo el Entorno
 
Interfaz de mit app inventor 2
Interfaz de mit app inventor 2Interfaz de mit app inventor 2
Interfaz de mit app inventor 2
 
Tutorial 1 android
Tutorial 1 androidTutorial 1 android
Tutorial 1 android
 
Imperial math -_expo
Imperial math -_expoImperial math -_expo
Imperial math -_expo
 

Menu Animado para Wear Developer

  • 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.         
  • 3. Como vamos a implementar una librería externa, la adicionamos en el archivo build.gradle     compile ​'com.github.florent37:wearmenu:1.0.0@aar'    Luego compilamos y ya tenemos lista nuestra librería para implementarla dentro de nuestro                          proyecto.                               Ahora procedemos a desarrollar el modelo de nuestro menú. Para eso creamos la clase                            Element, donde se definirá cada item de la lista del menú, en nuestro caso tendrá cuatro                                atributos con sus respectivos GET y SET.                                               
  • 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