Ingeniería
Estudio
Por área de la empresa
Por sector · 12
Veodar
Tecnología · Interfaces para Apple
SwiftUI es la forma actual de construir interfaces en los sistemas de Apple: la pantalla se describe a partir de piezas pequeñas y del estado de los datos, y se redibuja sola cuando ese estado cambia. Construimos interfaces nuevas y un sistema de componentes propio, y migramos las pantallas antiguas sin detener la app.
Se combina con
Situaciones
SwiftUI compensa cuando la app tiene muchas pantallas que deben parecerse entre sí, adaptarse a quien las usa y cambiar a menudo sin romperse.
Cada retoque de diseño obliga a tocar varios archivos y a probarlo todo otra vez. Con piezas reutilizables, el cambio se hace en un sitio y se ve en todas las pantallas que la usan.
Letra grande, modo oscuro, lector de pantalla o texto de derecha a izquierda. En SwiftUI la mayor parte viene de serie si la interfaz se construye bien desde el principio.
Un widget en la pantalla de inicio, el estado de un pedido en la pantalla de bloqueo o una vista en el reloj. Son extensiones que Apple pide construir con SwiftUI.
No hace falta rehacerla. Las pantallas nuevas se escriben en SwiftUI y conviven con las antiguas, que se sustituyen una a una cuando toca.
Servicios
Cuatro tipos de encargo. Los dos primeros suelen ir juntos: las pantallas salen de las piezas.
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 probados con letra grande y en modo oscuro.
Ejemplos de entregables
Módulo 2 · Caja de piezasColores, tipografía, botones, campos y tarjetas de tu marca convertidos en piezas con nombre, documentadas y con su vista previa, para que cada pantalla nueva se monte con ellas.
Ejemplos de entregables
Módulo 3 · Placa antiguaLas pantallas en UIKit se sustituyen una a una, empezando por las que más cambian. Mientras tanto, las dos formas de hacer interfaz conviven en la misma app sin que el usuario lo note.
Ejemplos de entregables
Módulo 4 · Vista previaLa información que importa, fuera de la app: un widget, el seguimiento de un pedido en la pantalla de bloqueo o una vista en Apple Watch, alimentados por los mismos datos.
Ejemplos de entregables
Un ejemplo en funcionamiento
Ejemplo funcional con datos ficticios. Aquí no se toca la pantalla, se toca el estado: cuántos pedidos hay, el tamaño de letra y el modo oscuro. La pantalla y el widget se recomponen solos a partir de la misma descripción.
El estado
Pedidos pendientes
La descripción de la pantalla
La pantalla y el widget están dibujados en tu navegador a partir de la descripción que ves al lado; no es una app real ni código de Apple. Enseña la idea que hay detrás: la interfaz es una función del estado.
Integración
SwiftUI es la capa que se ve. Debajo están los datos y las reglas de la app, escritos en Swift, y alrededor, lo que ya existe.
De dónde viene
A dónde llega
Cómo trabajamos y qué entregamos
Miramos las pantallas que hay, con qué están hechas, la versión mínima de iOS y el diseño del que se parte.
Escribimos qué pantallas y qué piezas entran, en qué orden se migran las antiguas y qué queda fuera.
Las primeras piezas y una pantalla completa funcionando dentro de tu app, con datos reales.
La pruebas con letra grande, en modo oscuro y con el lector de pantalla, además de con el uso normal.
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. SwiftUI y UIKit conviven en la misma app: una pantalla nueva en SwiftUI se abre desde una antigua y al revés. Lo habitual es empezar por las pantallas nuevas y por las que más se tocan, y dejar las estables para más adelante.
SwiftUI ha ido creciendo con cada versión de iOS, así que la versión mínima que soporte tu app decide qué se puede usar. Lo comprobamos al principio con los dispositivos reales de tus usuarios y queda escrito en el alcance.
Sí, y es donde más cuidado se pone. Cada pantalla migrada se publica por separado y se compara con la anterior antes de retirar esta. Si algo va peor, se vuelve atrás sin tocar el resto.
Comparte piezas y reglas, pero no es la misma pantalla estirada. Cada dispositivo tiene su tamaño y su forma de uso, y la interfaz se adapta a eso. Lo que no cambia son los datos ni el aspecto de marca.
Mucho de lo básico viene incluido: el tamaño de letra del sistema, el contraste, el lector de pantalla y el modo oscuro funcionan si las piezas se construyen como SwiftUI espera. Lo que no viene solo, el orden de lectura o las etiquetas de los botones con icono, lo revisamos pantalla a pantalla.
SwiftUI es solo para los sistemas de Apple. En Android el equivalente es Jetpack Compose, que trabaja con la misma idea. Si la app está en los dos sistemas, el diseño y los nombres de las piezas se comparten aunque el código sea distinto.
Actualizado:
Servicios relacionados
Otras tecnologías
Empezar
Con unas capturas de la app o el diseño que tengas 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.