Ingeniería
Estudio
Por área de la empresa
Por sector · 12
Veodar
Tecnología · Interfaces para Android
Jetpack Compose es la forma actual de construir interfaces en Android: la pantalla se describe con piezas pequeñas y se adapta sola al estado de los datos y al tamaño del dispositivo. Construimos interfaces nuevas, las preparamos para móvil, plegable y tableta, y migramos las vistas antiguas sin detener la app.
Se combina con
Situaciones
Compose compensa cuando la app debe verse bien en aparatos muy distintos, llevar el aspecto de tu marca y cambiar a menudo sin que cada retoque sea una obra.
La misma pantalla estirada desaprovecha el espacio. Con Compose la interfaz cambia de disposición según el ancho: dos paneles, menú lateral o una sola columna.
Diseño repartido entre archivos XML y código, con estilos duplicados. Con piezas reutilizables el cambio se hace una vez y llega a todas las pantallas.
Colores, tipografía y formas definidos como tema, con su versión clara y oscura, para que toda la app los herede sin repetirlos en cada pantalla.
No hace falta rehacerla. Las pantallas nuevas se escriben en Compose y conviven con las antiguas, que se sustituyen una a una.
Servicios
Cuatro tipos de encargo. El tema y las piezas van primero; las pantallas salen de ellos.
Módulo 1 · BastidorListas, formularios, fichas y navegación, con sus estados vacíos, de carga y de error, construidos sobre los datos reales de la app y con los componentes de Material adaptados a tu marca.
Ejemplos de entregables
Módulo 2 · Regla de anchosLa interfaz preparada para móvil, plegable y tableta: paneles que aparecen cuando hay sitio, menú que pasa de abajo al lateral y contenido que no se estira sin sentido.
Ejemplos de entregables
Módulo 3 · Tambor de temaColores, tipografía, formas y componentes de tu marca definidos una vez, con modo claro y oscuro, y documentados para que cada pantalla nueva se monte con ellos.
Ejemplos de entregables
Módulo 4 · AdaptadorLas pantallas antiguas se sustituyen una a una. Compose y las vistas XML conviven en la misma pantalla si hace falta, de modo que la migración no obliga a parar el desarrollo.
Ejemplos de entregables
Un ejemplo en funcionamiento
Ejemplo funcional con datos ficticios. Cambia el ancho del dispositivo y el color de marca: la pantalla se reordena y se repinta sola, sin que nadie haya dibujado tres versiones.
Ancho del dispositivo
Color de marca
Lo que decide la pantalla
La pantalla está dibujada en tu navegador y no es una app de Android real. Enseña el comportamiento que se programa con Compose: la disposición depende del espacio disponible y el aspecto, del tema.
Integración
Jetpack Compose es la capa que se ve. Debajo están los datos y las reglas de la app, escritos en Kotlin, y alrededor, las vistas que ya existen.
De dónde viene
A dónde llega
Cómo trabajamos y qué entregamos
Miramos las pantallas que hay, con qué están hechas, en qué dispositivos se usan y el diseño del que se parte.
Escribimos qué pantallas y qué piezas entran, para qué anchos, en qué orden se migran las antiguas y qué queda fuera.
El tema, las primeras piezas y una pantalla completa funcionando dentro de tu app, con datos reales.
La pruebas en un móvil, en una tableta y en un plegable si lo hay, con letra grande y en modo oscuro.
El catálogo de piezas con sus vistas previas y las reglas para construir pantallas nuevas con ellas.
Preguntas
¿Falta la tuya? Escríbela a info@veodar.com y te respondemos con una pregunta concreta, no con un dossier.
No. Compose y las vistas XML conviven: una pantalla en Compose puede incluir una vista antigua y una pantalla antigua puede incluir una pieza en Compose. Lo habitual es empezar por las pantallas nuevas y por las que más se tocan.
Depende de dónde se use. Si tu equipo trabaja con tabletas o tus clientes tienen plegables, una interfaz que aprovecha el ancho se nota en cada tarea. Si todos usan móvil, basta con que la app no se rompa en pantallas grandes. Lo decidimos con los dispositivos reales.
Funciona en versiones de Android de hace bastantes años, así que rara vez es el límite. Lo que sí conviene comprobar es el rendimiento en los aparatos más modestos del parque, sobre todo en listas largas, y por eso se prueba en ellos.
Sí. Compose parte del sistema de diseño de Google, Material, pero el tema se define con tus colores, tu tipografía y tus formas. Los componentes los heredan, y los que necesites distintos se construyen aparte.
En iPhone el equivalente es SwiftUI, que trabaja con la misma idea. El diseño y los nombres de las piezas se comparten entre los dos sistemas aunque el código sea distinto. Existe también una variante de Compose que funciona en iOS; si compensa o no, se valora por proyecto.
Siguen funcionando igual. La migración no tiene por qué ser completa: hay pantallas estables que no compensa tocar. Queda escrito cuáles se migran, cuáles se dejan y por qué.
Actualizado:
Servicios relacionados
Otras tecnologías
Empezar
Con unas capturas de las pantallas y los aparatos en los que se usa nos basta para una primera respuesta.
Qué ayuda a valorarlo
¿Antes de escribir? Mira cómo presupuestamos un proyecto o las soluciones por área de la empresa.
Cookies
Guardamos tu idioma y esta elección para que la web funcione. Con tu permiso medimos visitas y velocidad de forma anónima, sin cookies de seguimiento ni publicidad.
Cookies
Necesarias
Tu idioma, esta elección y la protección antispam del formulario de contacto.
Medición anónima
Páginas vistas y tiempos de carga, en conjunto, con Vercel. No usan cookies ni te siguen por otros sitios.