publicado por Ksenia Shumelchykingeniero de relaciones con desarrolladores de Android
Hoy lanzamos la versión 1.1 de Componer para Wear OSnuestro moderno kit de herramientas de interfaz de usuario declarativo para ayudar a los desarrolladores a crear aplicaciones hermosas y receptivas para Wear OS.
Desde el primer lanzamiento estable a principios de este año, hemos visto a muchos desarrolladores aprovechar las poderosas herramientas y las API intuitivas para hacer que la creación de su aplicación sea más simple y eficiente. Todoist y Outdooractive son algunos de los desarrolladores que reconstruyeron sus aplicaciones Wear con Compose y aceleraron la entrega de una experiencia de usuario nueva y funcional.
Todoist aumentó su tasa de crecimiento en un 50 % desde que reconstruyó su aplicación para Wear 3 y Outdooractive redujo el tiempo de desarrollo en un 30 % y vio un aumento significativo en la productividad de los desarrolladores y una mejor colaboración entre diseño y desarrolladores:
“Compose hace que el código de la interfaz de usuario sea más intuitivo para escribir y leer, lo que nos permite crear prototipos más rápido en la fase de diseño y también colaborar mejor en el código. Lo que nos hubiera llevado días ahora nos lleva horas”.
La versión Compose for Wear OS 1.1 contiene nuevas características y trae mejoras a los componentes existentes, centrándose en UX y accesibilidad. Ya hemos actualizado nuestro muestras, laboratorio de códigoy Bibliotecas de relojería para trabajar con Compose para Wear OS 1.1.
Nuevas funciones y API
La versión Compose for Wear OS 1.1 incluye la siguiente funcionalidad nueva (perfiles básicos ya agregados para nuevos componentes):
Estilo contorneado para fichas y botones
Para brindarle una capacidad adicional para personalizar la interfaz de usuario, agregamos estilos delineados para chips y botones. Nuevo ContorneadoChip y Botón contorneado componibles proporcionan un componente transparente con un borde delgado que se puede utilizar para acciones de énfasis medio. También disponible para versiones compactas: DelineadoCompactoChip y DelineadoCompactoBotón.
 |
| Componibles OutlinedChip y OutlinedButton |
Modificación de formas de fichas y botones
A partir de la versión 1.1, también puede modificar formas para Chip/ToggleChip y Botón/Botón de activación componentes utilizando nuevas funciones sobrecargas.
 |
| Diferentes formas de fichas y botones |
API de marcador de posición
Se agregó una nueva API experimental para implementar la compatibilidad con marcadores de posición. Esto se puede usar para lograr tres efectos visuales distintos por separado o todos juntos:
- Un efecto de pincel de fondo de marcador de posición que se usa en contenedores como Chip y Cards para dibujar sobre el fondo normal cuando se espera que se cargue el contenido.
- A Modificador.placeholder() para dibujar un widget de marcador de posición con forma de estadio sobre la parte superior del contenido que se está cargando.
- A Modificador.placeholderShimmer() para el efecto de degradado/brillo que se dibuja sobre los otros efectos para indicar a los usuarios que el estado actual está esperando a que se carguen los datos.
Estos efectos están diseñados para coordinarse y brillar y borrarse de manera orquestada.
 |
| Ejemplos de uso de la API de marcador de posición |
Revisar la documentos de referencia y muestra en relojero para ver cómo aplicar el marcador de posición a casos de uso común, como un chip con icono y una etiqueta que coloca un marcador de posición sobre espacios de contenido individuales y dibuja un brillo de marcador de posición en la parte superior mientras espera que se carguen los datos.
Modificador.scrollAway
relojero modificador de desvanecimiento ha sido graduado de modificador scrollAway en la versión 1.1. Modifier.scrollAway desplaza un elemento verticalmente hacia dentro y fuera de la vista, según el estado de desplazamiento, y ya tiene sobrecargas para trabajar con Column, LazyColumn y ScalingLazyColumn.
Utilice este modificador para hacer wearables/compose/time-text#anatomy» target=»_blank»>TimeText se desvanece de la vista cuando el usuario comienza a desplazar una lista de elementos hacia arriba.
 |
| Uso del modificador ScrollAway con TimeText |
Parámetros adicionales en CurvedTextStyle
EstiloDeTextoCurvo ahora admite parámetros adicionales (fontFamily, fontWeight, fontStyle, fontSynthesis) para especificar los detalles de la fuente al crear un estilo de texto curvo. El estilo de texto curvo extendido se puede usar en ambos Texto curvo y basiccurvedtext.
 |
| Aplicar una fuente diferente al texto curvo |
Mejoras de UX y accesibilidad
La versión 1.1 también se enfoca en brindar una experiencia de usuario refinada, mejoras para Replicar apoyo y en general mejor accesibilidad:
- ToggleChip y DividirToggleChip Admite el uso de controles de alternancia animados (casilla de verificación, interruptor y botón de radio) que se pueden usar en lugar de los iconos estáticos proporcionados por ToggleChipDefaults.
- Los colores degradados predeterminados para Chip/ToggleChip y Tarjetas se ajustaron para que coincidan con la última especificación de UX.
- Se actualizó una serie de colores predeterminados en el MaterialTema para mejorar la accesibilidad ya que los colores originales no tenían suficiente contraste.
- Mejoras de accesibilidad a Recogedor para que las pantallas de selección múltiple sean navegables con lectores de pantalla y se pueda acceder a la descripción del contenido.
- Control deslizante en línea y paso a paso ahora tienen roles de botones, para que TalkBack pueda reconocerlos como botones.
- El indicador de posición en Andamio ahora está posicionado y dimensionado para que solo ocupe el espacio necesario. Esto es útil cuando se le agrega información semántica, por lo que TalkBack obtiene los límites correctos del PositionIndicator en la pantalla.
¡Es hora ⌚ de llevar tu app a la muñeca!
Empezar
Para comenzar a desarrollar con Compose for Wear OS, comience con la experiencia práctica probando nuestro laboratorio de códigoy asegúrese de revisar el wearables/compose» target=»_blank»>documentación y muestras. Visitar Notas de la versión de Compose para Wear OS para obtener una lista completa de los cambios disponibles en la versión 1.1.
Tenga en cuenta que el uso de la versión 1.1 de Compose for Wear OS requiere el uso de la versión 1.3 de androidx.compose librerías y por lo tanto Kotlin 1.7.10. Revisar la Redactar con el mapa de compatibilidad de Kotlin para más información.
Suministre realimentación
Compose para Wear OS continúa evolucionando con las funciones que ha estado solicitando. Continúe brindándonos comentarios sobre el rastreador de problemas y únete Holgura de Kotlin #compose-wear canal para conectarse con el equipo de Google y la comunidad de desarrolladores.
Estamos emocionados de ver un número creciente de aplicaciones que usan Compose for Wear OS en producción, y estamos agradecidos por todos los problemas y solicitudes que nos ayudan a mejorar el kit de herramientas.
Comience a crear para Wear OS ahora
Descubre aún más con sesiones tecnicas de Android Dev Summit que brinda orientación sobre arquitectura de aplicaciones, pruebas, manejo de entradas rotativas y sesiones verticalizadas para medios y estado físico.
