Skip to content
Card Fragment

Elementos de Interfaz de Usuario (UI) para dispositivos wearables

Plataformas Android (II)
1. Android Wear: diseño de layout para smartwatches
2. Elementos de Interfaz de Usuario (UI) para dispositivos wearables
3. Soporte para comandos de voz en Smartwatches Android
4. Proyecto: diseños para Smartwatches Android Wear
5. Videotutorial: proyecto con dispositivo Android Wear

Clases de la biblioteca UI para Wearables.

En esta publicación se comentarán las clases más relevantes, disponibles en la librería de UI (Interfaz de Usuario) para dispositivos wearables, que permitan un diseño personalizado de los diferentes layouts que forman la aplicación.

CardFragment

La clase CardFragment permite visualizar información a través de un sistema de tarjetas, proporcionando al usuario un diseño consistente, especialmente destinado para dispositivos wearables.

Ejemplo de su implementación:

Card Fragment

 

  • Asignar un ID al layout que define la tarjeta:
  • Añadir una instancia de CardFragment a la Activity:

ConfirmationActivity

Activity que define una animación de confirmación al realizar el usuario una determinada acción. Además, es posible asignar tiempos de espera para la cancelación de la acción realizada por el usuario.

Ejemplo de su implementación:

Confirmation Activity Confirmation Activity (II)

  • Se añade a nivel de diseño el elemento DelayedConfirmationView:
  • Se implementa la interfaz DelayedConfirmationListener, que sobrescribe los métodos onTimerFinished(View view) y onTimerSelected(View view), que permiten definir un determinado tiempo para la cancelación de la acción realizada por el usuario. Una vez transcurrido el tiempo indicado se efectuará la acción iniciada:

DismissOverlayView

Permite implementar la opción de descartar mediante la pulsación prolongada de pantalla. Esta vista, a nivel de diseño de layout, debe situarse donde se anteponga al resto de vistas del diseño. Además debe cubrir el total de la pantalla.

Ejemplo de su implementación:

  • Diseño de layout:
  • Implementación en Activity:

WearableListView

Muy similar al componente de tipo selección ListView, facilita el visionado de listas de datos en un dispositivo wearable.

Ejemplo de su implementación:

WearableListView

  • Añadir componente ListView al layout definido:

Otras clases que permiten diseños personalizados:

  • GridViewPager: Controlador que permite al usuario distribuir la información en sentido vertical u horizontal. Para representar cada página como un fragmento, es necesaria la clase FragmentGridPagerAdapter.GridViewPager
  • FragmentGridPagerAdapter: Implementación de GridPagerAdapter para representar cada página como un fragmento.
  • WatchViewStub: Clase que posibilita el inflado de un layout específico, en función de la forma de la pantalla del dispositivo. Se tratara con mayor detenimiento en siguientes apartados.

Créditos: las imágenes provienen de Android Developers con licencia Creative Commons Attribution 2.5

Esta entrada tiene un comentario

Los comentarios están cerrados.

Volver arriba
Esta web usa cookies para su correcto funcionamiento. No hay cookies de publicidad, aunque algunos de los contenidos mostrados (videos o documentos insertados) están alojados en servicios externos (Youtube, Vimeo, Box...) que sí pueden implementar sus propias cookies.    Más información
Privacidad