Novedades de Jetpack Compose
26/10/2022
publicado por Jolanda Verhoefingeniero de relaciones con desarrolladores de Android
lanzamos Jetpack componer hace más de un año, y desde entonces he estado ocupado mejorándolo. Agregamos nuevas funciones e inventamos herramientas poderosas para que su experiencia de desarrollo de la interfaz de usuario de Android sea lo más productiva, intuitiva y divertida posible. Entonces, si está comenzando una nueva aplicación, ¡es hora de escribirla con Compose! Con compatibilidad con Material Design 3, nueva lista de materiales, Compose WearOS Stable y Android TV (alfa), Compose Camp y muchas otras noticias... ¡Es un lanzamiento emocionante!
Componer en la comunidad
En el último año, hemos visto muchas empresas desarrollar con Compose a escala, implementando nuevas funciones y migrando pantallas de vistas a Compose. Por ejemplo, hablamos con los ingenieros de Lyft, quienes nos dijeron que más del 90% de su nuevo código de función está escrito en Compose, y cambiar a Compose hizo que su código fuera mucho más simple y fácil de mantener. también compartieron “Reescribimos el componente del botón en nuestra aplicación usando Compose. Antes requería 800 líneas de código en tres archivos más 17 archivos XML diferentes, y ahora se reduce a un único archivo Kotlin con 300 líneas de código. Esta es una reducción del 60% solo en el código Kotlin“. El equipo de Zepeto también ha estado implementando Compose en muchas funciones y está disfrutando de la experiencia, ya que “Compose simplificó nuestra lógica de capa de interfaz de usuario, lo que facilita la comprensión del código escrito por mis colegas”.
Componer, lanzamiento del 22 de octubre
Hoy lanzamos una nueva versión estable de Compose, con algunas funciones y novedades interesantes.
En primer lugar, hemos escuchado de usted cómo puede ser abrumador rastrear versiones en diferentes artefactos que pueden tener diferentes calendarios de lanzamiento, por lo que ahora estamos publicando, junto con cada lanzamiento estable de cualquiera de los artefactos de Compose, un proyecto de ley. de Materiales, o BOM, para hacerte la vida más fácil.
Nuestro primer lanzamiento de BOM, Compose October '22, brinda soporte para cuadrículas escalonadas, dibujo de texto directamente en Canvas, Pull to Refresh, así como mejoras de rendimiento y corrección de errores.
Redactar lista de materiales
Un BOM es un módulo de Maven que declara un conjunto de bibliotecas con sus versiones. Simplificará en gran medida la forma en que define las versiones de la biblioteca de Compose en su bloque de dependencias de Gradle, especialmente ahora que movimos las diversas bibliotecas de Jetpack Compose a esquemas de control de versiones independientes. En lugar de definir cada versión por separado, lo que puede volverse engorroso y propenso a errores cuando las versiones de la biblioteca comienzan a diferir, ahora solo necesita definir una versión de BOM y todas las versiones de la biblioteca de Compose se extraerán de ella. Publicaremos una nueva versión de la lista de materiales cada vez que un artefacto de Compose tenga una nueva versión estable, por lo que pasar de una versión estable a una versión estable será mucho más sencillo.
Hemos agregado las instrucciones sobre cómo agregar la lista de materiales Compose a nuestro Guía de inicio rápido. Tenga en cuenta que aún puede optar por definir sus dependencias utilizando versiones codificadas. La lista de materiales se agrega como una forma útil de simplificar las dependencias y facilitar las actualizaciones.
Modificadores en overdrive
Detrás de escena, siempre estamos trabajando para mejorar el rendimiento de Compose. El lanzamiento de octubre del 22 incluye una refactorización importante de cómo funcionan los modificadores bajo el capó. Si bien no notará ningún cambio en las API, este refactor allana el camino para mejorar en gran medida el rendimiento del modificador. Obtenga más información sobre la lógica detrás de los cambios y lo que está planeado para el futuro cercano en la charla ADS Inmersión profunda en modificadores de composición.
Cambio de elevación de ventanas emergentes y cuadros de diálogo
La accesibilidad siempre es un ciudadano de primera clase para Compose, y esta versión contiene un cambio de comportamiento que ayuda a corregir un error de accesibilidad con ventanas emergentes y cuadros de diálogo: su elevación máxima se redujo de 30 dp a 8 dp. Su aplicación se verá afectada solo si utiliza un cuadro de diálogo personalizado o una implementación emergente con una elevación superior a 8 dp. los Notas de lanzamiento contienen más información sobre el cambio, incluida una forma de anular el nuevo comportamiento como una solución provisional (recuerde que siempre recomendamos usar un máximo de 8 dp al personalizar ventanas emergentes o cuadros de diálogo).
Nuevas características
Agregamos muchas funciones nuevas a Compose. Aquí hay algunos aspectos destacados:
Componer material 3 estable
Hoy también anunciamos la primera versión estable de la Biblioteca Componer Material 3! Puede crear una aplicación con Compose y crear un tema de acuerdo con Diseño de materiales 3, nuestra última versión de Material Design. ¡Use Material Design 3 para personalizar aún más los colores, la tipografía y las formas de su aplicación para que su marca se destaque! La biblioteca contiene versiones nuevas y actualizadas de muchos componentes de la interfaz de usuario, como botones, tarjetas, casillas de verificación, interruptores, barras de navegación, cajones y muchos más, con soporte para otros en camino. Consulte una lista de todos los componentes admitidos en el documentación y obtenga más información en esta publicación de blog.
Para ayudarlo a adoptar Material 3, consulte nuestro nuevo guía de migración con una guía clara sobre cómo los conceptos de Material 2 se traducen en Material 3. La plantilla predeterminada en Android Studio Flamingo ahora usa Material 3, para que pueda comenzar a trabajar en poco tiempo. También hemos actualizado muchas de nuestras aplicaciones de muestra, tutoriales, plantillas y laboratorios de código para usar Material 3 para que pueda aprender sobre la marcha.
Nuevas herramientas
Desarrollar su aplicación con Jetpack Compose es mucho más fácil con las herramientas nuevas y mejoradas que lo rodean. Hemos agregado toneladas de funciones nuevas a Android Studio para mejorar su flujo de trabajo y eficiencia:
Delfín de Android Studio es el último liberación establetrayendote:
- Coordinación de Animación
- Anotaciones de vista previa múltiple
- Conteos de recomposición en el inspector de diseño
Anguila eléctrica de Android Studio contiene características betame gusta:
- Edición en vivo (experimental)
- Resaltado de representación de composición
- Configuración de dispositivos de vista previa
- Actualizaciones en vivo en Vistas previas
estudio android flamenco contiene caracteristicas canarias como:
- Las nuevas plantillas de proyecto usan Compose y Material 3 de forma predeterminada
- Live Edit activado de forma predeterminada
- Seguimiento de composición mejorado para ayudarlo a inspeccionar mejor los problemas de rendimiento.
Relé
Hoy también lanzamos la primera versión alfa de Relé, una solución de diseño a código para mejorar la colaboración entre diseñadores y desarrolladores. Los diseñadores crean componentes de interfaz de usuario usando el complemento figmay los desarrolladores usan el Complemento de estudio de Android para utilizar automáticamente estos componentes en sus aplicaciones. Los componentes generados son funciones componibles y se pueden integrar directamente en su aplicación Compose. Conozca más sobre Relay en el documentación.
Componga en WearOS, pantallas grandes y TV
En julio lanzamos la primera versión estable de Wear Compose, lista para crear aplicaciones de producción. Compose for Wear OS es nuestro enfoque recomendado para crear interfaces de usuario para aplicaciones de Wear OS. Hemos incluido más de veinte componentes de Compose UI que fueron diseñados específicamente para wearables, como TimeText, PositionIndicatory ScalingLazyColumn.
También continuamos facilitando el diseño, el desarrollo y las pruebas aplicaciones para pantallas grandes como plegables, tabletas y Chrome OS. los material3-window-size-class biblioteca se graduó a Estable, brindándole un conjunto de puntos de interrupción de ventana gráfica con los que trabajar. Los diseños de pantalla grande a menudo contienen cuadrículas escalonadas y la adición de LazyHorizontalStaggeredGrid y LazyVerticalStaggeredGrid ayudará a implementarlos.
Los comentarios de la comunidad de Android siempre nos hacen avanzar. Con su aporte, hemos actualizado nuestro mapa vial, enfocándose en áreas que lo ayudarán a implementar Compose con éxito. Ahora nos estamos enfocando en admitir casos de uso más avanzados, cubriendo más componentes de Material 3, mejorando el soporte, las herramientas y el rendimiento de la plataforma.
Guía nueva y actualizada
No importa dónde se encuentre en su viaje de aprendizaje, ¡lo tenemos cubierto! Agregamos y renovamos gran parte de la orientación sobre Redactar:
componer campamento
Desde septiembre hasta diciembre se lleva a cabo una serie de eventos organizados por la comunidad en todo el mundo llamada componer campamento! Con una pista tanto para principiantes como para expertos, los desarrolladores de todos los niveles pueden unirse a Compose Camp para aprender junto con otros. Ya vemos muchos traccióncon muchas vídeos siendo publicado por GDG y GDSC en todo el mundo, y muchos eventos alojados en nuestra plataforma de la Comunidad.
¡Feliz composición!
¡Esperamos que esté tan entusiasmado con estos desarrollos como nosotros! Si aún no has empezado, es hora de aprender Jetpack componer y vea cómo su equipo y su proceso de desarrollo pueden beneficiarse de ello. Prepárese para mejorar la velocidad y la productividad del desarrollador. ¡Feliz composición!
Te puede interesar