Con Google: Jetpack Compose, los desarrolladores de Android pueden escribir aplicaciones con "mucho menos código".


Google lanzó hoy la versión alfa de Jetpack Compose, su conjunto de herramientas de interfaz de usuario que permite a los desarrolladores "crear una hermosa interfaz de usuario en todas las plataformas Android con acceso nativo a las API de la plataforma". Si bien una versión alfa significa que definitivamente está fuera de producción, Jetpack Compose promete permitir a los desarrolladores de Android crear aplicaciones con "mucho menos código, herramientas interactivas y API de Kotlin intuitivas". La versión alfa también incluye nuevas herramientas como animaciones, diseños de restricciones y optimizaciones de rendimiento.

Android Jetpack, presentado por Google en su conferencia de desarrolladores I / O 2018, es un conjunto de componentes diseñados para acelerar el desarrollo de aplicaciones. Piense en esto como el sucesor de la Biblioteca de soporte, un conjunto de componentes que facilitan el aprovechamiento de las nuevas funciones de Android mientras mantienen la compatibilidad con versiones anteriores. Jetpack Compose, que Google presentó por primera vez en su conferencia de desarrolladores I / O 2019, es un conjunto de herramientas desagregado diseñado para simplificar el desarrollo de la interfaz de usuario mediante la combinación de un modelo de programación reactiva con Kotlin. En junio, Google prometió lanzar Jetpack Compose en Alpha este verano y llegará a la versión 1.0 el próximo año. Primer paso completado.

Los enfoques de código bajo y sin código para el desarrollo de software están de moda. Desde startups hasta gigantes tecnológicos, todo el mundo está tratando de que sea más fácil ser desarrollador. Por lo tanto, no es sorprendente que Google esté tratando de simplificar el desarrollo de su plataforma más grande. Android tenía más de 2500 millones de dispositivos activos por mes en mayo de 2019.

Jetpack Compose Alpha

Según Google, los desarrolladores prefieren las API declarativas para crear la interfaz de usuario. Jetpack Compose combina, por tanto, "API para aplicaciones de alta calidad a gran escala, un lenguaje intuitivo y un modelo de programación reactivo". El equipo diseñó el kit de herramientas teniendo en cuenta la interoperabilidad: es compatible con las vistas y el código de Android, por lo que los desarrolladores pueden usarlo sin tener que volver a escribir sus aplicaciones.

 Jetpack Compose alpha Android Studio

Además, Google ha escrito las API de Compose junto con una serie de aplicaciones de muestra canónicas que utilizan Material Design. Las aplicaciones de muestra para compilar están disponibles en GitHub y directamente en Android Studio:

  • Ver interoperabilidad (mezcla de funciones componibles en su aplicación existente)
  • Animaciones
  • Listas diferidas
  • Diseño de restricciones
  • Material Componentes de la interfaz de usuario [19659009] Pruebas
  • Texto y texto editable
  • Temática y gráficos
  • Gestión de ventanas
  • Entradas y gestos
  • Primera compatibilidad con A11Y
  • Optimizaciones de rendimiento

Se relaciona con Android Studio Google actualizó la versión 4.2 Canary con el equipo de Jetbrains Kotlin para crear aplicaciones con Compose. Las mejoras incluyen un complemento de compilador de Kotlin para la generación de código, escritura de anotaciones de vista previa, vistas previas interactivas en tiempo real para la creación, implementación de compilables individuales en cualquier dispositivo, creación de código completo y una API de datos de muestra para la creación.

 Vista previa de Android Jetpack Compose

Jetpack Compose en Android Studio está diseñado para ayudarte a recorrer rápidamente la interfaz de usuario de tu aplicación. Puede obtener una vista previa de sus componentes de Compose a medida que crea sin tener que implementar su aplicación en un dispositivo o emulador. Para obtener una vista previa del diseño, escriba una función componible que no tome parámetros y agregue la anotación @Preview.

 Vista previa interactiva de Android Jetpack Compose

Android Studio ofrece un modo de vista previa interactiva que le permite hacer clic o ingresar los elementos de la IU mientras la IU reacciona como en la aplicación instalada. También puede implementar un único componible en su dispositivo estándar o emulador para probar su interfaz de usuario sin tener que reinstalar la aplicación completa o navegar hasta su ubicación. Android Studio crea una nueva actividad que contiene la interfaz de usuario generada por esta función y la pone a disposición de su aplicación en el dispositivo.

Interoperable con el código de Android existente

Una jerarquía de vista de Android generalmente se representa como un árbol de widgets de IU. La actualización de la interfaz de usuario generalmente consiste en recorrer el árbol utilizando funciones que cambian el estado interno del widget. El equipo de Android Jetpack no solo cree que esto es tedioso, sino que también notan que la actualización manual de las vistas aumenta la probabilidad de errores.

Por esta razón, Jetpack Compose sigue un enfoque totalmente declarativo basado en componentes. Describe su interfaz de usuario como funciones que transforman los datos en una jerarquía de interfaz de usuario. Cuando cambian los datos subyacentes, el marco Compose actualiza automáticamente la jerarquía de la interfaz de usuario, lo que acelera el desarrollo y reduce los errores.

Sin embargo, la adopción de un nuevo marco es un gran cambio para los proyectos existentes y las bases de código. Google diseñó Compose para que sea tan fácil de adoptar como Kotlin: es totalmente compatible con el código de Android existente.

Cuando crea una nueva aplicación, Google espera que implemente toda su interfaz de usuario mediante Compose. Sin embargo, dado que todavía es alfa, probablemente no deberías estar haciendo esto todavía. Para las bases de código existentes, Google recomienda una de dos formas de combinar Redactar con el diseño de su interfaz de usuario existente:

  • Agregue elementos de Redactar a su IU existente, ya sea creando una pantalla completamente nueva basada en Redactar o agregando elementos Redactar agregar a un fragmento existente o diseño de vista.
  • Agregue un elemento de IU basado en vista a sus funciones componibles. Esto le permite agregar widgets que no sean Compose, como MapView o WebView, a un diseño basado en Compose.

Para comenzar con Jetpack Compose, lea el tutorial de redacción, la configuración y la ruta de redacción. Es posible que también desee probar el MDC Compose Theme Adapter, que le permite reutilizar sus temas de Componentes de material en su interfaz de usuario de Compose.

Deja una respuesta

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