¡Anuncio de la versión beta de Compose for Wear OS!


Publicado por Ksenia ShumelchykIngeniero de relaciones con desarrolladores y John Nichol, líder técnico de Compose para Wear OS

Usar reloj OS con fondo azul

Hoy estamos lanzando la versión beta de Marcar para Wear OSnuestro moderno kit de herramientas de interfaz de usuario declarativo diseñado para ayudar a los desarrolladores a crear hermosas experiencias de usuario para Wear OS.

Compose for Wear OS agrega soporte para componentes optimizados para relojes que adoptan el último diseño de materiales para Wear OS. Los componentes se construyen sobre la base de las bibliotecas principales de Compose y las ventajas del kit de herramientas Desarrollo moderno de Androidayudando a acelerar el proceso de desarrollo en su conjunto.

Con esta versión beta, Compose for Wear OS está repleto de características para la versión 1.0 que llegará más adelante este año y tiene todo lo que necesita para crear aplicaciones listas para producción. También significa que la API es estable; En el futuro, nos centraremos en el rendimiento y el refinamiento de los componentes existentes para la versión 1.0.

en la Beta

Hemos trabajado arduamente desde la última E/S para llevar lo mejor de Jetpack Compose a Wear OS, comprometiéndonos con la comunidad a través de Slack, recopilando comentarios de los desarrolladores sobre las API, los componentes y las herramientas. Como resultado, hemos mejorado una serie de componentes, como la navegación, el cambio de tamaño de la lista perezosa, la compatibilidad con la entrada y los gestos, y mucho más.

La primera versión beta sigue a 21 versiones alfa. Los cambios clave desde el anuncio de la versión preliminar para desarrolladores incluyen:

🆕 Componentes de entrada

Solicitó componentes de entrada de usuario, por lo que agregamos varios componentes que puede personalizar para su aplicación de reloj:

GIF de opciones de selector, control deslizante y paso a paso

  • Aglutinante permite al usuario seleccionar un elemento de una lista de desplazamiento. De forma predeterminada, la lista de elementos seleccionables se repite ‘sin fin’ en ambas direcciones para dar la impresión de un cilindro giratorio cuando se ve desde un lado. Curiosamente, Picker utiliza ScalingLazyColumn implementación subyacente y ayudó a desarrollar y refinar muchas funciones avanzadas de ScalingLazyColumn.
  • Deslizador permite a los usuarios seleccionar entre un rango de valores y es ideal para ajustar configuraciones como el tamaño de fuente o el brillo.
  • paso a paso es un componente de control de pantalla completa que permite a los usuarios hacer una selección de un rango de valores. Por ejemplo, los usuarios pueden controlar el volumen de sus auriculares.

🆕 Diálogos

Hemos agregado componibles de advertencia y confirmación de pantalla completa que se pueden usar como destinos de navegación o como una pantalla completa tradicional Diálogos, que se superpondrán a cualquier otro contenido. El cuadro de diálogo admite deslizar para ignorar y revelará el contenido principal en segundo plano durante el gesto de deslizar.

Watch face GIF que muestra las opciones de la lista de reproducción

Por coherencia con Andamioaparece un cuadro de diálogo de pantalla completa Indicador de posición es un Dibujos animados.

🆕 Indicador de progreso

hemos agregado Indicador de progreso circularun indicador de progreso optimizado para pantallas de reloj para mostrar el progreso al animar un indicador a lo largo de un trazo circular en el sentido de las agujas del reloj.

GIF de la esfera del reloj que muestra el temporizador

Hay varias opciones sobre cómo usar CircularProgressIndicator: para mostrar un progreso infinito o para expresar la proporción de finalización de una tarea en curso. Los indicadores de progreso permiten un espacio vacío en la pista circular que deja espacio para otro contenido, por ejemplo HoraTexto cuando se usa en pantalla completa.

🆕 Indicador de página

Para ayudarlo a implementar la paginación, el kit de herramientas de la interfaz de usuario proporciona una Indicador de página horizontal componente que representa el número total de páginas y la página seleccionada.

Mire el GIF de la cara que muestra el marcador de página

Dependiendo de la forma de la pantalla, HorizontalPageIndicator proporcionará una indicación visual específica del factor de forma de qué página está activa y qué tan lejos está en las páginas.

Mejoras

  • ScalingLazyColumn– Se mejoró el comportamiento predeterminado para que sea coherente con el diseño de Material para Wear OS, como la actualización de los parámetros de cambio de tamaño, el relleno adicional predeterminado y la selección de dimensiones de sus dimensiones de contenido.
  • Andamio: Se agregó la ranura PageIndicator para garantizar el posicionamiento correcto en la pantalla redonda.
  • Navegación: Paridad de características garantizada con Compose Navigation y compatibilidad adicional para deslizar el dedo desde el borde para permitir una experiencia excepcional de pantalla completa y desplazamiento de página.
  • Elementos curvos: agregado Modificadores curvos y un nuevo DSL que permite a los desarrolladores usar conceptos que tienen sentido para un mundo curvo, como radial, angular, de barrido, (en sentido contrario a las agujas del reloj), interno/externo. Diseño curvo es el puente entre el mundo lineal y el curvo e curvoComponible se puede utilizar para introducir componentes modulares tradicionales cuando tiene sentido hacerlo.

Con estas incorporaciones recientes, el catálogo Compose Material para Wear OS ahora tiene más componentes de los que están disponibles con diseños basados ​​en View y proporciona una implementación inmediata de las nuevas pautas de diseño de Wear OS.

Instrumentos

Android studio anguila eléctrica proporciona las funciones más recientes para la mejor experiencia de desarrollo con Compose for Wear OS:

  • Soporte para el editor y herramientas para mejorar las acciones de autocompletar y editor.
  • Ponga la vista previa componible específica para el sistema operativo
  • 🆕 Edición en vivo para soporte de depuración en tiempo real
  • 🆕 Plantilla de proyecto Dial for Wear OS

Reloj

Hoy también estamos anunciando el lanzamiento de Relojun proyecto de código abierto de Google que proporciona una serie de bibliotecas de Wear que integran la funcionalidad proporcionada por Compose para Wear OS y otras API de Wear OS.

Engranajes de un reloj

Sigue leyendo Relojería

Horologist ofrece útiles extensiones de Compose:

  • Componentes de la interfaz de usuario multimedia, incluido el control de reproducción y las pantallas de volumen
  • Selectores de fecha y hora del material
  • Andamio sensible a la navegación con TimeText y PositionIndicator que permanecen sincronizados con el desplazamiento y los cambios en la pantalla de navegación.

Horologist crecerá para proporcionar a los desarrolladores herramientas adicionales para crear excelentes aplicaciones Wear OS de varias maneras. experiencias. Echa un vistazo a la Reloj en Github para proporcionar comentarios y contribuir con funciones generales que pueden ser útiles para los desarrolladores de Wear, ¡y manténgase atento a los próximos lanzamientos!

Para comenzar

Muchos de los principios de desarrollo de Compose mobile se aplican a Compose for Wear OS, por lo que si no está familiarizado con el kit de herramientas de interfaz de usuario, comience con Esfera de mochila propulsora bases

Hemos preparado una serie de materiales para ayudarlo a comenzar con Compose for Wear OS:

Ahora que Compose for Wear OS ha llegado a la versión beta, es un buen momento para comenzar con Compose para darle vida rápidamente a su aplicación o actualizar su interfaz de usuario existente. Para obtener más información sobre la creación de aplicaciones para Wear OS, eche un vistazo el sitio del desarrollador.

¡Nos encantaría saber de usted acerca de sus experiencias con Compose for Wear OS y lo que es capaz de crear! Únase a la discusión en el Holgura de Kotlin # marcar-desgaste canal y continúa brindando retroalimentación sobre el rastreador de problemas.

Buena composicion!


Compruebe también

en vivo desde Droidcon, incluida la mayor actualización de Gemini en Android Studio y más lanzamientos del SDK de Android.

Acabamos de lanzar nuestro episodio de otoño de #TheAndroidShow en YouTube etcétera desarrollador.android.comy esta vez …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *