Blog para desarrolladores de Android: ¡Jetpack Compose Alpha anunciado!

Publicado por Karen Ng, Director, Gestión de productos

Hoy lanzamos Alpha de Jetpack Compose, nuestro moderno conjunto de herramientas de interfaz de usuario diseñado para ayudarlo a crear aplicaciones hermosas de manera rápida y fácil en todas las plataformas Android, con acceso nativo a las API de la plataforma. Dé vida a su aplicación con código muy reducido, herramientas interactivas y API intuitivas de Kotlin.

No importa desde dónde trabaje, ya sea la mesa de la cocina o la oficina, sabemos que necesita un lenguaje de programación, un IDE y un marco de interfaz de usuario potente que puede ahorrarle tiempo y reducir la cantidad de código que necesita. debes escribir. Así que creamos Jetpack Compose para que usted (¡y nosotros!) Sean más productivos con la creación de UI.

Comenzamos con Android Jetpack, abordando los problemas más difíciles y comunes de los desarrolladores en Android y creando un conjunto de bibliotecas que garantizan aplicaciones de alta calidad que se ejecutan en todas las versiones de la plataforma. Hoy, el 84% de las 10,000 aplicaciones principales en Play Store usan una biblioteca Jetpack.

Luego escuchamos cómo los desarrolladores aman Kotlin, con más del 70% de las 1000 aplicaciones principales y el 60% de los desarrolladores profesionales de Android que usan Kotlin en la actualidad. La aplicación Google Home ha visto, en algunos casos, una reducción del 80% en las líneas de código usando Kotlin y una disminución del 33% en NullPointerExceptions de un período anterior similar. Duolingo vio el número de líneas reducido en un promedio del 30%.

Finalmente, recibimos comentarios sólidos de la comunidad de que a los desarrolladores les gusta la simplicidad de las API declarativas para construir la interfaz de usuario. Jetpack Compose combina los tres: API de aplicaciones a gran escala y de alta calidad, un lenguaje intuitivo y un modelo de programación receptivo.

Jetpack Compose Alpha tiene lo que necesita para crear aplicaciones de Android completas, incluidas herramientas potentes e interoperabilidad con vistas de Android existentes, para que no tenga que volver a escribir su aplicación. Las API de Compose están diseñadas y desarrolladas en conjunto con un conjunto de aplicaciones de muestra canónicas que utilizan Material Design que nos complace lanzar hoy. También puede importar y explorar las últimas muestras directamente en Android Studio.

La versión alfa incluye:

• Animaciones
• Diseño restringido
• Soporte inicial A11Y
• Entrada y gestos
• Interoperabilidad con vistas (comience a mezclar funciones de Composable en su aplicación existente)
• Listas perezosas
• Componentes de la interfaz de usuario de materiales
• Optimización del rendimiento
• Prueba
• Texto y texto editable
• Temas y gráficos
• Gestión de ventanas

También hemos agregado una serie de características nuevas a Android Studio 4.2 canary, en estrecha colaboración con el equipo JetBrains Kotlin, para ayudarlo a crear aplicaciones con Compose:

• Marque el código de finalización
• Redactar anotaciones de vista previa
• Distribuya componentes componibles individuales a cualquier dispositivo
• Vistas previas interactivas de la composición
• Complemento del compilador de Kotlin para la generación de código
• API de datos de muestra para componer

Piensa en la composición

Compose utiliza un modelo de programación muy diferente del modelo de creación de IU existente en Android. Históricamente, una jerarquía de vistas de Android se ha representado como un árbol de widgets de IU. A medida que cambia el estado de la aplicación, la jerarquía de la interfaz de usuario debe actualizarse para mostrar los datos actuales. La forma más común de actualizar la interfaz de usuario es navegar por el árbol usando funciones como findViewById () y modificar los nodos llamando a métodos como:

 button.setText(String) 

container.addView(View) 

 img.setImageBitmap(Bitmap) 

Estos métodos cambian el estado interno del widget. Esto no solo puede ser tedioso, sino que la actualización manual de las vistas aumenta la probabilidad de errores (por ejemplo, olvidar actualizar una vista).

Jetpack Compose es un enfoque totalmente declarativo basado en componentes, lo que significa que usted describe su IU como funciones que transforman los datos en una jerarquía de IU. A medida que cambian los datos subyacentes, el marco Compose actualiza automáticamente la jerarquía de la interfaz de usuario, lo que facilita la creación de interfaces de usuario de forma rápida y sencilla.

Interoperabilidad total con vistas de Android existentes

La adopción de cualquier marco nuevo es un gran cambio para los proyectos existentes y las bases de código, por lo que diseñamos Compose para que sea tan fácil de adoptar como Kotlin: es completamente interoperable con el código de Android existente, desde el primer día.

La migración a Compose depende de usted y su equipo. Si está creando una nueva aplicación, su mejor opción podría ser implementar toda la interfaz de usuario con Compose. Sabemos que la mayoría de ustedes tiene grandes bases de código existentes, por lo que en lugar de reescribir su aplicación, puede combinar Compose con su diseño de interfaz de usuario existente.

Hay dos formas principales de combinar Compose con una interfaz de usuario basada en vistas:

• Puede agregar elementos de Redactar a la interfaz de usuario existente, creando una pantalla completamente nueva basada en Redactar, o agregando elementos de Redactar a un fragmento de vista o diseño existente.
• Puede agregar un elemento de interfaz de usuario basado en vista en funciones componibles. Esto le permite agregar widgets que no son de Compose, como MapView o WebView, a un proyecto basado en Compose.

También hemos lanzado una nueva biblioteca, MDC Compose Theme Adapter, que le permite reutilizar temas de componentes de materiales existentes en la interfaz de usuario de Compose.

Para obtener más información, pruebe el laboratorio de códigos de Compose para aplicaciones existentes o consulte estos dos ejemplos:

• Tivi y Sunflower son aplicaciones existentes que están integradas con Compose
• La aplicación de muestra Crane incrusta un MapView en Compose

Herramientas poderosas

Jetpack Compose está construido con herramientas poderosas en Android Studio, diseñadas para ayudarlo a iterar rápidamente sobre la parte de la interfaz de usuario en la que está trabajando.

Compose Layout Preview le permite obtener una vista previa de los componentes de Compose sin tener que implementar la aplicación en un dispositivo o emulador. A medida que desarrolla su aplicación, las vistas previas se actualizan para ayudarlo a revisar los cambios más rápidamente. Para crear una vista previa del diseño, escriba una función componible que no tome parámetros y agregue el archivo

 @Preview annotation 

Una vez que haya creado su aplicación, la interfaz de usuario de la función de vista previa aparece en Studio Avance Panel.

Android Studio proporciona una vista previa interactiva modalidad. Mientras está en el modo de vista previa interactiva, puede hacer clic o escribir elementos de la interfaz de usuario y la interfaz de usuario responde como si estuviera en la aplicación instalada.

También puede implementar un único componible en su dispositivo físico o emulador de Android. Android Studio crea una nueva tarea que contiene la IU generada por esa función y la implementa en su aplicación en el dispositivo. Esto le permite probar la interfaz de usuario en un dispositivo real sin tener que reinstalar toda la aplicación o navegar hasta su ubicación.

Comience con Jetpack Compose

Para comenzar con Jetpack Compose, pruebe el tutorial de Compose e inicie la configuración. O sumérjase directamente en las aplicaciones de muestra y explore esas aplicaciones en “Redactar, por ejemplo”:

Para encontrar un conjunto completo de recursos de Compose, nuevos laboratorios de código y documentación ampliada, consulte la ruta de Compose.

Desde que abrimos Jetpack Compose el año pasado, muchos de ustedes nos han brindado comentarios invaluables, han registrado errores o han contribuido con CL, y nos han llevado a donde estamos hoy. ¡Gracias!

Compose aún no se recomienda para uso completo en producción, especialmente porque trabajamos para lograr la estabilidad de la API y completar optimizaciones de rendimiento, pero nos encantaría que intentara compartir sus comentarios. Únase a nosotros en la discusión sobre el canal #compose de Kotlin Slack. Se espera componer 1.0 en 2021.

¡Buena composición!