¡Es hora de crear aplicaciones portátiles con Compose!


Publicado por Ksenia ShumelchykIngeniero de relaciones con desarrolladores de Android

Hoy lanzamos la versión 1.0 de Marcar para Wear OSla primera versión estable de nuestro moderno kit de herramientas de interfaz de usuario declarativo diseñado para ayudar a los desarrolladores a crear aplicaciones hermosas y receptivas para la plataforma de reloj inteligente de Google.

Compose for Wear OS se creó desde cero en Kotlin con los supuestos de la arquitectura de aplicaciones modernas. Hace que la creación de aplicaciones Wear OS sea más fácil, rápida e intuitiva siguiendo las enfoque declarativo y ofrece una potente sintaxis de Kotlin.

El kit de herramientas no solo simplifica el desarrollo de la interfaz de usuario, sino que también proporciona un amplio conjunto de componentes de interfaz de usuario optimizados para la experiencia del reloj con soporte de diseño de materiales incorporado para Wear OS y está acompañado por muchas herramientas poderosas en Android Studio para simplificar la iteración de la interfaz de usuario.

Qué significa

La versión Compose for Wear OS 1.0 significa que la API es estable y tiene lo que necesita para crear aplicaciones listas para producción. Avanzando, Compose for Wear OS es nuestro enfoque recomendado para crear interfaces de usuario por Usar aplicaciones del sistema operativo.

Sus comentarios ayudaron a dar forma al desarrollo de Compose for Wear OS; nuestra comunidad de desarrolladores ha estado con nosotros en cada paso del camino, interactuando con nosotros en Slack y brindándonos comentarios sobre las API, los componentes y las herramientas. A medida que trabajamos para traer nuevas funciones a futuras versiones de Compose for Wear OS, seguiremos recibiendo comentarios y sugerencias de los desarrolladores.

También nos complace compartir cómo los desarrolladores ya han adoptado Compose en sus aplicaciones Wear OS y lo que les gusta.

Lo que dicen los desarrolladores

Todoista ayuda a las personas a organizar, planificar y colaborar en proyectos. Es una de las primeras empresas en reconstruir completamente su aplicación Wear OS usando Compose y rediseñar todas las pantallas e interacciones:

“Cuando se anunciaron el nuevo lenguaje de diseño de Wear y el sistema operativo Compose for Wear, nos emocionamos. Nos dio una nueva motivación y oportunidad de invertir en la plataforma.

Aplicación Todoist

Confiar en Compose for Wear OS ha mejorado tanto la experiencia del desarrollador como la del usuario para Todoist:

“Compose for Wear OS nos ha ayudado enormemente tanto en el desarrollo como en el diseño. Las guías y la documentación facilitaron a nuestros diseñadores de productos la preparación de plantillas que coincidieran con el nuevo lenguaje de diseño de la plataforma. Y las bibliotecas nos facilitaron mucho la implementación al proporcionar todos los widgets y personalizaciones necesarios. Desplácese para cerrar, TimeText, ScalingLazyList fueron todos componentes que funcionaron muy bien para nosotros, al mismo tiempo que nos permitieron crear una aplicación reconocible y distinta”.

Al aire libre ayuda a las personas a planificar rutas de senderismo, ciclismo, carrera y otras aventuras al aire libre. Dado que los wearables son un aspecto clave de su estrategia de producto, actualizaron rápidamente su oferta con una aplicación para la muñeca del usuario.

Aplicación activa al aire libre

Outdooractive ya adoptó Wear OS 3 y, al migrar a Compose para Wear OS, apuntó a los beneficios del lado del desarrollador, como tener una base de código moderna y una mayor productividad de desarrollo:

Una gran mejora es la forma en que se crean las listas. Gracias a ScalingLazyColumn es más fácil (en comparación con RecyclerView) crear pantallas de desplazamiento sin desperdiciar recursos. La disponibilidad de componentes estándar como Chip ayuda a ahorrar tiempo al poder utilizar componentes de visualización/diseño prefabricados. Lo que hubiera tomado días ahora toma horas.

El equipo de Outdooractive también destacó que el uso de Compose for Wear OS les ayuda a esforzarse por mejorar la calidad de las aplicaciones:

Animaciones mejoradas fue una agradable sorpresa, permitiéndole ocultar/mostrar componentes sin problemas simplemente envolviendo los componentes en “Visibilidad animada”, por ejemplo, que hemos utilizado en lugares donde normalmente no habríamos invertido tiempo en implementar animaciones.


Otro desarrollador con el que trabajamos, Rastreador de período ayuda a realizar un seguimiento de los ciclos menstruales, la ovulación y la posibilidad de concepción.

Aplicación de seguimiento del período

Aprovecharon nuestro kit de herramientas de interfaz de usuario para mejorar significativamente la interfaz de usuario y desarrollar rápidamente nuevas funciones disponibles exclusivamente en Wear OS:

“Compose for Wear OS nos ha proporcionado muchos kits para ayudarnos a dar vida a nuestros diseños. Por ejemplo, usamos Chips para diseñar los botones principales para el registro de ciclos, el consumo de agua y la toma de medicamentos, y eso también nos ayudó a crear una apariencia única para la última versión del entrenamiento de Kegel.

Al igual que otros desarrolladores, Period Tracker señaló que Compose for Wear OS les ayudó a obtener una mejor experiencia de desarrollo y una mejor colaboración con sus equipos de diseño y desarrollo:

“Por ejemplo, antes de que los componentes de Chips estuvieran disponibles, teníamos que usar una forma personalizada de cargar las imágenes en los botones, lo que provocó mucho trabajo de adaptación. Sí, El sistema operativo Compose for Wear ha mejorado nuestra productividad y ha hecho que nuestros diseñadores estén más dispuestos a diseñar una mejor experiencia de usuario en dispositivos portátiles.

Echa un vistazo a la estudios de casos en profundidad para obtener más información sobre cómo otros desarrolladores usan Jetpack Compose.

versión 1.0

Veamos las características clave disponibles con la versión 1.0:

  • Material: El catálogo de Compose Material para Wear OS ya ofrece más componentes que los disponibles con diseños basados ​​en vistas. Los componentes siguen el estilo del material y también implementan el tema del material, lo que le permite personalizar el diseño para su marca.
  • Declarativo: Dial para palancas Wear OS Desarrollo moderno de Android y funciona perfectamente con otras bibliotecas de Jetpack. Las interfaces de usuario basadas en composición en la mayoría de los casos producen menos código y aceleran el proceso de desarrollo en su conjunto. Lee mas.
  • Interoperable: Si tiene una aplicación Wear OS existente con una amplia base de código basada en View, puede adoptar gradualmente Compose for Wear OS usando el API de interoperabilidad de marcación en lugar de tener que reescribir todo el código base.
  • Maneja diferentes formas de relojes: Marcar para Wear OS extiende la base por Compose, agregando un DSL para todos los elementos curvos para facilitar el desarrollo de todas las formas de dispositivos Wear OS: redondos, cuadrados o rectangulares con código mínimo.
  • Actuación: Cada biblioteca de Compose for Wear OS viene con sus propios perfiles básicos que se fusionan e implementan automáticamente con el APK de la aplicación y se compilan en el dispositivo por adelantado. En la mayoría de los casos, esto logra un rendimiento de la aplicación para compilaciones de producción que está a la par con las aplicaciones basadas en vistas. Sin embargo, es importante saber cómo configurar, desarrollar y probar el rendimiento de su aplicación para obtener los mejores resultados. Saber más.

Tenga en cuenta que el uso de Compose for Wear OS versión 1.0 requiere el uso de la versión 1.2 de androidx.compose bibliotecas y luego Kotlin 1.7.0. Obtenga más información sobre la versión 1.2 de Jetpack Compose aquí.

Herramientas y bibliotecas

Estudio Android

El cambio de paradigma declarativo también altera el flujo de trabajo de desarrollo. los Componer instrumentos disponible en Android Studio lo ayudará a crear aplicaciones de manera más productiva.

Delfín de Android Studio incluye una nueva plantilla de diseño con Compose for Wear OS para ayudarlo a comenzar.

La anotación Composable Preview te permite verificar instantáneamente cómo funciona el diseño de tu aplicación en diferentes formas y tamaños de reloj. Puede configurar la vista previa del dispositivo para mostrar diferentes tipos de dispositivos Wear OS (redondos, rectangulares, etc.):

importar androidx.compose.ui.tooling.vista previa


@Avance(

dispositivo = Dispositivos.WEAR_OS_LARGE_ROUND,

mostrarSistemaUi = REAL,

color de fondo = 0xff000000,

mostrar el fondo = REAL

)

@Componible

divertida Vista previaPersonalizadoComponible() {

personalizable(…)

}

A partir de Android Studio Electric Eel, Edición en vivo admite el desarrollo de código iterativo para Wear OS, lo que proporciona comentarios rápidos al realizar cambios en el editor y refleja instantáneamente la interfaz de usuario en la vista previa o la aplicación que se ejecuta en el dispositivo.

Reloj

Reloj es un grupo de bibliotecas de código abierto de Google que integran el desarrollo de Wear OS, que anunciamos con la versión beta de Compose for Wear OS. Horologist transformó una serie de API experimentales en estables, incluidos los modificadores TimeText fadeAway, WearNavScaffold, selectores de fecha y hora.

Selectores de fecha y hora de la biblioteca de relojes

aprender a componer

Si no se siente cómodo usando Esfera de mochila propulsorale recomendamos que comience con el tutorial. Muchos de los principios de desarrollo también se aplican a Compose for Wear OS.

Para obtener más información sobre Compose for Wear OS, consulte:

Ahora que Compose for Wear OS ha llegado a su primera versión estable, ¡es hora de crear hermosas aplicaciones diseñadas para la muñeca con Compose!

Unete a la communidad

Únase a la discusión en el Holgura de Kotlin # marcar-desgaste canal para conectarse con el equipo y otros desarrolladores y compartir lo que está construyendo.

Dar opinion

Por favor, siga dándonos su opinión sobre el rastreador de problemas y cuéntanos tu experiencia!

Para obtener más información sobre la creación de aplicaciones para Wear OS, eche un vistazo el sitio del desarrollador.


Compruebe también

El arsenal de Android: historias de usuarios

Puedes leerlo en portugués (https://github.com/welbert6/MaterialStoryView/edit/master/ReadmePT.md) Capturas de pantalla Introducción MaterialStoryView es una biblioteca de Android …

Deja una respuesta

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