Las animaciones no son un “extra estético”: son una pieza fundamental para que una app se sienta viva, fluida y profesional.
En este libro guía te comparto un recorrido completo, actualizado y práctico para que puedas crear animaciones como un desarrollador avanzado, incluso si hoy te consideras intermedio.
¿Por qué aprender animaciones en Flutter hoy?
El papel de las animaciones en la experiencia de usuario moderna
Las apps modernas no compiten solo por funcionalidad; compiten por experiencia.
Una transición suave, un ícono que responde con microinteracciones o un widget que se adapta visualmente al cambio de estado pueden marcar la diferencia entre una app “correcta” y una app memorable.
Cuando trabajé mis primeras interfaces animadas, descubrí que usuarios que antes abandonaban ciertos flujos ahora los seguían hasta el final. Las animaciones guían, informan, suavizan y venden.
Qué puedes lograr con animaciones bien implementadas
- Botones interactivos que responden con intención.
- Pantallas que comunican transición sin que el usuario “se pierda”.
- Efectos visuales con CustomPainter.
- Microinteracciones que elevan la calidad percibida de tu app.
Fundamentos: cómo funcionan las animaciones en Flutter
Animaciones implícitas vs animaciones explícitas
Flutter ofrece dos grandes familias:
- Implícitas (AnimatedContainer, AnimatedOpacity…)
Ideales cuando quieres animaciones rápidas y automáticas. - Explícitas (AnimationController, Tween…)
Perfectas cuando necesitas control total del movimiento y el tiempo.- Tween define de dónde a dónde.
- AnimationController controla el tiempo.
- CurvedAnimation da la personalidad del movimiento.
En este libro, vemos ambos tipos en base a multiples ejemplos y creamos componentes para poder REUTILIZAR fácilmente.
Flutter es un framework fascinante en el cual podemos hacer de todo, este es mi cuarto libro enfocado en Flutter lo que demuestra el punto mencionado antes; podemos crear desde aplicaciones móviles, como fueron sus inicios, pero con el tiempo podemos ir mucho más allá como la creación de aplicaciones web, de escritorio para MacOS, Linux, Windows y también juegos, empleando tecnologías como Flame y/o Forge2D.
Sobre el libro
El tema de las animaciones también tiene que estar recientes en los desarrollos modernos, por lo tanto, tenemos un capítulo enfocado a introducir como emplear las animaciones en Flutter, de las cuales tenemos varias formas. Que también lo aplicaremos en el desarrollo de nuestros componentes cuando haga falta.
En este libro, queremos dar un enfoque más práctico, creando componentes personalizados que son muy empleados en el desarrollo tradicional con Flutter pero puede que no sea tan fácil, como headers personalizados con formas complejas empleando los Custom Painter, conocer cómo emplear y definir nuestra animaciones personalizadas entre otros componentes o widgets anidados que seguramente considerarán de interés.
En definitiva, es un libro mayormente práctico, para crear widget personalizados e indagar en partes de Flutter que ya no son tan básicas y como desarrollador en Flutter debes de conocerlas.
Para quien es este libro
Este libro está dirigido a cualquiera que quiera comenzar seguir profundizando en el desarrollo de aplicaciones con Flutter; por lo tanto, se da por hecho de que el lector tiene conocimientos al menos básicos sobre cómo emplear esta tecnología como saber para qué sirve la herramienta, instalar Flutter, conocer sus widgets básicos y crear una aplicación básica.
- Este libro está dirigido a personas que:
- Quieran conocer el framework más en detalle creando widgets personalizados y animales.
- Quieran mejorar una habilidad existente y seguir escalando su camino en el desarrollo de aplicaciones con Flutter.
- Este libro es para usuarios intermedios en Flutter.
Temario del libro
Este libro tiene un total de 6 capítulos, se recomienda que leas en el orden en el cual están dispuestos y a medida que vayamos explicando los componentes del framework, vayas directamente a la práctica, repliques, pruebes y modifiques los códigos que mostramos en este libro.
- Capítulo 1: En este capítulo vamos a conocer los pasos para crear un proyecto en Flutter
- Capítulo 2: En este capítulo vamos a conocer cómo realizar animaciones en Flutter, que consiste en los contenedores que aplican transiciones suaves al pasar de un estado a otro de manera automática al hacerlo de manera manual mediante los AnimationController.
- Capítulo 3: En este capítulo vamos a crear varios componentes o conjuntos de widgets anidados que son comunes en el desarrollo moderno como lo son botones con comportamientos especiales, grids escalonados, headers expandibles, menús laterales, entre otros.
- Capítulo 4: En este capítulo vamos a aprender a emplear multitemas en la aplicación, por ejemplo, tener una aplicación con el tema por defecto y un modo oscuro.
- Capítulo 5: En este capítulo vamos a conocer los CustomPainter, que son el Canvas de HTML pero en Flutter, con ellos, podremos construir una gran cantidad de figuras con gran precisión.
- Capítulo 6: En este capítulo vamos a aprender cómo podemos crear una aplicación adaptativa, empleando el mismo código fuente en diversos dispositivos con diversos tamaños de pantalla y que desde la aplicación se pueda aprovechar el contenido para que no aparezca todo estirado en pantallas de grandes dimensiones.
Enfoque Práctico: Creación de Componentes Personalizados en Flutter
En este libro, queremos darle un enfoque práctico al desarrollo en Flutter.
Sabemos que existen muchos widgets predefinidos en Flutter que podemos emplear en nuestro desarrollo, pero lo verdaderamente interesante es la posibilidad de combinarlos para que trabajen en conjunto. De esta manera, podemos obtener un verdadero componente que se encargue de realizar una tarea específica, como:
- Mostrar un header personalizado con diversas formas.
- Una barra de progreso.
- Botones con comportamientos personalizados, etc.
En el libro, exploraremos varios de estos desarrollos. Con esto, se busca lograr un entendimiento más profundo en Flutter, enfocándose en la creación de widgets anidados o componentes (que es el término empleado en el libro).
Temas Avanzados y Modernos
También abordaremos otros temas que seguramente considerarás de interés:
- Desarrollo con Múltiples Temas: Por ejemplo, la creación de aplicaciones con tema oscuro y tema claro.
- Aplicaciones Adaptativas (Responsive): Crear aplicaciones que puedan verse correctamente en múltiples dispositivos, dependiendo del tamaño de la ventana, y no simplemente que se vean estiradas.
- Animaciones: El tema de las animaciones debe estar presente en los desarrollos modernos. Por lo tanto, tenemos un capítulo enfocado en introducir cómo emplear las animaciones en Flutter, de las cuales tenemos varias formas. También las aplicaremos en el desarrollo de nuestros componentes cuando sea necesario.
️ Profundizando en Flutter
En este libro, queremos dar un enfoque más práctico, creando componentes personalizados que son muy empleados en el desarrollo tradicional con Flutter, pero que puede que no sean tan fáciles de implementar, como:
- Headers personalizados con formas complejas, empleando los CustomPainter.
- Conocer cómo emplear y definir nuestras animaciones personalizadas.
- Otros componentes o widgets anidados que seguramente considerarás de interés.
En definitiva, es un libro mayormente práctico, diseñado para crear widgets personalizados e indagar en partes de Flutter que ya no son tan básicas, pero que como desarrollador en Flutter debes conocer.
El libro se encuentra en desarrollo…