Compila para todas las pantallas con las actualizaciones más recientes de Jetpack Compose de la Android Developer Summit

El ecosistema Android es una realidad multidispositivo que abarca teléfonos, plegables, tablets, wearables, pantallas para automóviles, RE y Googlebook. En este panorama, el desarrollo adaptable es fundamental para llegar a los usuarios dondequiera que estén.

Jetpack Compose es el estándar para compilar todas las IU en Android. Ir más allá del sistema de vistas heredado te brinda un único objetivo de desarrollo unificado que elimina la fricción de mantener bases de código fragmentadas en diferentes factores de forma. Sin embargo, crear diseños adaptables es solo una parte del trabajo. Cuando las pantallas se pliegan, las ventanas cambian de tamaño o las apps realizan transiciones entre factores de forma, las suposiciones de diseño tradicionales pueden fallar, y es fácil que las apps pierdan el estado o se sientan desarticuladas. 

En la Android Developer Summit, compartimos cómo estamos mejorando las bases de las apps en la IU y la arquitectura, ya que llevamos Compose a un nivel más profundo de tu capa de datos con AppState de Jetpack, a la vez que te brindamos componentes adaptables, como FlexBox y Grid, y herramientas listas para agentes que permiten escalar en todas las pantallas.

A continuación, consulta algunos de los aspectos destacados de nuestros anuncios recientes o también visita nuestro sitio para desarrolladores de Android para acceder a más de 50 sesiones on demand, incluidas las prácticas recomendadas para las bases de las apps. 

Avances en las bases principales y expansión de Compose más allá de la IU

La próxima versión estable de Compose 1.13 expandirá el kit de herramientas con compatibilidad integrada para diseños adaptables a través de Grid y Flexbox, y nuevas funciones, como el desenfoque progresivo y el texto con formato. Para ver las funciones más recientes con gráficos, como gradientes de malla y desenfoques progresivos, sin sacrificar la duración de la batería ni las velocidades de fotogramas, mira Mejora tus apps con las funciones de gráficos más recientes de Jetpack Compose y Android. 

Junto con la renderización visual, la edición de texto de Compose ahora cuenta con un BasicTextField completamente reescrito con una arquitectura basada en búfer y TextFieldState, lo que elimina las condiciones de carrera del IME y admite mecanismos de edición con formato de texto enriquecido. Mira Cómo crear experiencias confiables de edición de texto en Compose para obtener más información sobre este cambio. 

A medida que introduces estas experiencias visuales e interactivas enriquecidas, es fundamental mantener velocidades de fotogramas fluidas y una latencia de inicio baja. Consulta Supera tus límites en Compose para explorar cómo generar perfiles con Perfetto y el seguimiento de recomposición, identificar antipatrones costosos y mantener tu IU funcionando sin problemas.

Compose también se está expandiendo a la capa de arquitectura con AppState de Jetpack, que ahora está en versión alfa. AppState incorpora el sistema de instantáneas de Compose a la arquitectura de tu app: Transform te permite derivar el estado reactivo de las entradas de State y Flow con el seguimiento automático de lectura y el flujo de control simple de Kotlin, mientras que StateStore te brinda un contenedor con clave para compartir el estado observable en actividades, servicios en segundo plano, widgets y funciones de la app, con persistencia opcional de DataStore. Mira Taking Compose State Beyond the UI with Jetpack AppState para ver cómo mover el estado de Compose hacia arriba en la pila simplifica las canalizaciones de estado complejas y mantiene sincronizadas todas las plataformas de tu app.

Diseña sistemas de navegación y entrada sólidos para todos los factores de forma

A medida que las apps se vuelven más modulares, la navegación y la entrada del usuario deben seguir siendo predecibles en todos los puntos de entrada y tamaños de pantalla. Con la versión 1.2, Jetpack Navigation 3 incorpora la vinculación directa integrada y con seguridad de tipos a su pila de actividades que pertenece al desarrollador. Con la serialización de Kotlin, puedes asignar URIs y objetos Intent entrantes directamente a claves de navegación con tipado estricto, personalizar la forma en que se analizan los argumentos complejos y compilar pilas de actividades sintéticas de forma diferida para que la navegación hacia atrás siempre se sienta natural. Para ver estas APIs en acción, consulta Cómo compilar vínculos directos con seguridad de tipos con Jetpack Navigation 3.

El control de entradas también evolucionó para admitir interacciones multimodales en todos los dispositivos. El sistema de entrada por capas de Compose se extiende sin problemas más allá de la pantalla táctil para admitir paneles táctiles, mouse y controles físicos. Para ver cómo administrar los ciclos de vida de los punteros, los estados de desplazamiento y los eventos de hardware en todos los factores de forma, mira Cómo escalar las interacciones de entrada más allá de la pantalla táctil con Jetpack Compose.

Cómo ajustar interfaces en pantallas grandes, computadoras de escritorio y mucho más

Cuando se pasa de un dispositivo plegable a una tablet o una laptop, las interfaces deben adaptarse de forma natural en lugar de simplemente estirar el contenido para llenar pantallas más grandes. La compilación adaptable con el desarrollo de Compose combina Navigation 3, WindowManager y flujos de trabajo de agentes para ayudarte a refactorizar los diseños para dispositivos móviles en experiencias responsivas de varios paneles con una sobrecarga manual mínima. Para los desarrolladores que buscan llevar sus diseños existentes más allá, Escala tu app para cada pantalla con Compose explica estos patrones de arquitectura de varios paneles y demuestra cómo optimizar los flujos de navegación a medida que cambian los tamaños de las ventanas.

Expandir las apps más allá de los factores de forma de los dispositivos móviles también abre nuevas oportunidades, como con Googlebook. Para crear experiencias de clase de escritorio, se requiere compatibilidad con periféricos físicos, entornos de ventanas y mucho más. En Inside the first wave on Googlebook with Notability and Logitech, los primeros socios comparten estrategias de ingeniería prácticas para optimizar las interacciones con el puntero, el hardware externo y los flujos de trabajo de escritorio.

Comienza a usar nuestras habilidades de Android 

Para ayudarte a implementar estos patrones aún más rápido, puedes aprovechar las habilidades de Android para ayudar a tus agentes de programación. Ya sea que uses Gemini en Android Studio o ejecutes la CLI de Android con otros agentes, estas habilidades se encargan del trabajo pesado por ti y cumplen con los lineamientos de calidad adaptable. Para Compose, actualmente tenemos lo siguiente:

• La habilidad de adaptación actualizada ayuda a los agentes a transformar pantallas compactas en diseños responsivos de varios paneles y a controlar los cambios de estado y configuración. Ahora agrega compatibilidad con dispositivos plegables y computadoras de escritorio, y controla automáticamente las ventanas, las combinaciones de teclas, las sugerencias y los estados de desplazamiento del panel táctil.
• Nueva habilidad de rendimiento de Compose para ayudarte a optimizar tu base de código
• Habilidad de migración de XML a Compose
• Nueva habilidad de Tinta 

Más allá de la arquitectura principal y los diseños adaptables, puedes explorar análisis técnicos detallados que abarcan la reproducción de Media3, las canalizaciones de CameraX, las experiencias en el vehículo, los gráficos enriquecidos y las lecciones de la migración de Google Play a Compose a gran escala. Consulta la colección completa de explicaciones técnicas en la lista de reproducción de la sesión de Android Developer Summit sobre los aspectos básicos de las apps para explorar las arquitecturas, las explicaciones de código y la orientación práctica.