Optimiza tus apps para la próxima generación de dispositivos Samsung Galaxy

Hoy, en el Galaxy Unpacked, Samsung presentó su línea más reciente de dispositivos plegables y wearables. Para los desarrolladores, esto significa que la variedad de factores de forma, tamaños de pantalla y posiciones de dispositivos que debe admitir tu app se expande una vez más.

Con dispositivos como el Galaxy Z Fold8, el ecosistema se expande para incluir hardware con una orientación natural que prioriza el modo horizontal y una relación de aspecto más amplia en el estado de pantalla principal. Ya sea que un usuario despliegue una pantalla grande, abra una pantalla de cubierta o mire su muñeca, espera una experiencia impecable. Para ayudarte a aprovechar este momento, compartimos orientación práctica y nuevas actualizaciones de herramientas que te permitirán crear de forma adaptativa y proactiva.

Repensar la arquitectura de diseño para pantallas dinámicas, incluidos los dispositivos plegables ultraanchos

Desarrollar para los dispositivos plegables más recientes significa dejar de lado las suposiciones sobre la orientación y el tamaño de la pantalla. Esto es especialmente cierto en el caso del Galaxy Z Fold8, que adopta una pantalla ultraancha, lo que aumenta la variedad de relaciones de aspecto que se deben tener en cuenta. Los dispositivos con esta orientación natural horizontal primero muestran las limitaciones de las reglas de diseño codificadas cuando los usuarios despliegan el dispositivo. Por eso, presentamos orientación específica para compilar apps para dispositivos plegables y trípticos en orientación horizontal.

Para crear una IU adaptable que controle estas físicas sin problemas, enfócate en los siguientes pilares fundamentales:

• Crea diseños fluidos y adaptables: Las relaciones de aspecto amplias y las alturas verticales compactas requieren IU fluidas que se ajusten de forma responsiva. Nuestra guía de diseño adaptable actualizada recomienda tener en cuenta primero el ancho de la clase de ventana para determinar los cambios de diseño y, luego, ajustar la altura. Para que los componentes individuales se adapten al diseño de forma fluida, estructura tu diseño con contenedores flexibles que permitan que tu contenido se ajuste, abarque y redistribuya automáticamente. Para inspirarte en el diseño, explora nuestras galerías de diseño de apps de ejemplo adaptables y doble pantalla.
• Haz un seguimiento del espacio real de la app: El espacio de visualización de tu app rara vez coincide con el tamaño del dispositivo físico, en especial en una pantalla ultraancha durante los estados de multiventana, pantalla dividida o multitarea. A veces, incluso las orientaciones difieren. Aprovecha las clases de tamaño de ventana con la biblioteca de Jetpack Window Manager para calcular el espacio exacto que ocupa tu app.

• Aprovecha la actualización más reciente de Jetpack Compose: Comienza por adoptar la versión estable de Jetpack Compose del 26 de abril (versión 2026.04.01 de la BOM de Compose).Aprovecha las nuevas herramientas de diseño estructural para administrar arquitecturas complejas. La nueva API de Grid te permite definir segmentos y extensiones de columnas dinámicos sin la sobrecarga de rendimiento de una lista diferida. Combina Grid con la nueva API de diseño FlexBox para controlar fácilmente la alineación de varios ejes y el ajuste dinámico de elementos. También puedes usar la nueva API de MediaQuery para adaptar tu IU a su entorno, con condiciones para detectar indicadores como la posición del dispositivo, el tamaño de la ventana y los tipos de teclado.
• Haz que tu app sea compatible con el plegado: Usa la biblioteca de Jetpack WindowManager, que proporciona una superficie de API para las funciones de ventanas de dispositivos plegables, como los pliegues y las bisagras. Cuando tu app es compatible con el plegado, puede adaptar su diseño para evitar colocar contenido importante en el área de pliegues o bisagras y usar esos elementos como separadores naturales.
• Mantén la continuidad de la app: Evita interrumpir el recorrido del usuario cuando cambia la configuración del dispositivo. Conserva el estado de la IU con ViewModel para garantizar transiciones fluidas cuando un usuario pliega o despliega su dispositivo.

Garantizar una captura de cámara fluida en dispositivos plegables

La implementación de la cámara en dispositivos plegables presenta peculiaridades de hardware únicas. Pasar de una pantalla exterior compacta a una pantalla interior expandida introduce relaciones de aspecto de diseño distintas, mientras que la rotación del dispositivo permanece sin cambios. Si una app supone una relación vertical fija entre el sensor de la cámara y el diseño del dispositivo, es probable que la app muestre vistas previas laterales, estiradas o recortadas durante estas transiciones de plegado.

Cuando optimices la canalización de medios de tu app, migra tus experiencias de captura a CameraX con la habilidad de migración de CameraX. La PreviewView de la biblioteca controla automáticamente la orientación del sensor, la rotación del dispositivo y el ajuste de escala en segundo plano. Esto garantiza una vista previa limpia y estable, independientemente de cómo el usuario sostenga o posicione el dispositivo. Si mantienes una base de código de Camera2 existente, integra la biblioteca CameraViewfinder para aplicar estas complejas transformaciones de relación de aspecto y rotación automáticamente sin necesidad de una revisión total de la arquitectura.

Extiende las interacciones de un vistazo a Wear OS 7

La oportunidad de crear para esta nueva generación de dispositivos se extiende hasta la muñeca. Los Wear Widgets, que se lanzarán con Wear OS 7, te brindan una nueva superficie para proporcionar a los usuarios acceso instantáneo y de un vistazo a sus actualizaciones esenciales. Puedes crear estas experiencias altamente expresivas con Jetpack Glance y RemoteCompose. Es fundamental destacar que los widgets creados con este framework ahora pueden completar tarjetas de varios widgets que antes estaban reservadas para los widgets propios. 

Compila funciones inteligentes 

La Inteligencia de Gemini ya completa tareas en nombre de los usuarios, y puedes experimentar con el sistema de inteligencia compartiendo las capacidades de tus apps. 

Los nuevos dispositivos plegables de Samsung incluyen Gemini Nano 4, nuestro modelo integrado en el dispositivo más reciente. Nano 4 admite más de 140 idiomas, ofrece una mejor comprensión multimodal y mucho más. Usa la API de Prompt de ML Kit con funciones avanzadas, como el resultado estructurado y el modo de razonamiento, para crear funciones inteligentes integrado en el dispositivo. 

Comienza a hacer optimizaciones hoy mismo

Las herramientas y los frameworks están listos para ayudarte a optimizar tu app para todos los tamaños de pantalla. Comienza por explorar nuestra guía para compilar apps adaptables y obtener más información sobre los principios básicos del diseño adaptable. 

Para obtener más información, consulta nuestra playlist de YouTube. Por último, asegúrate de que tu app ofrezca una experiencia premium y sin errores en los factores de forma más recientes. Para ello, revisa nuestros lineamientos de calidad específicos para dispositivos plegables horizontales y de tres pliegues y Wear OS. 

¡Descubre el futuro hoy mismo!