Para empezar, después de leer este artículo, creo que debe ser Naogua Zi zumbido, lo que esto está diciendo ah.
No sea impaciente, empecé y que son los mismos, después de leer la primera pasada, no sé qué decir, no entienden que no importa, la primera colección de este artículo, y luego fue a estudiar a trémolo incorporado 25 tipos de elementos de animación.
dirección:http://laomengit.com/flutter/module/animated_1/ .
No se limite a mirar, a escribir, a escribir sólo para encontrar el problema.
Cuando se tiene una cierta comprensión del control de la animación, la parte posterior del producto fino para un producto de este artículo, usted tendrá una sensación diferente, usted las mercancías, usted productos de química fina.
El contenido de este artículo es original, aleteo ingeniero de Emily de Google, que acaba de traducir la dirección original:https://www.youtube.com/watch?v=GXIJJkq_H8g .
En términos generales, los componentes de animación alboroto en dos tipos,
- animaciones basadas en dibujo: animadores base, como la pintura, al igual que, en general, son controles independientes, como los personajes del juego o difícil de usar puros trozos de código para completar el efecto.
- animaciones núcleo de base: basada en la animación núcleo, que en componentes orientados, diseño y estilo basado en estándares, en esencia, tiende a mejorar el control de apariencia y efectos de transición, en lugar de tratar de actuar como un control independiente.
Piense en su animación se basa la representación, o basado en el núcleo (componente):
- Si se basa la representación, y usted tiene un equipo especial de los diseñadores para proporcionar material, le sugiero que utilice las herramientas de terceros, tales como Rive y Lottie, estas bibliotecas se pueden importar fácilmente los recursos para construir la animación.
- Si se basa en el núcleo (montaje), un cambio en los componentes que intervienen, como el color, la forma, el cambio de posición.
núcleo basado animación (montaje) en el flúter se divide en dos categorías:
- control de animación implícita: simplemente para proporcionar componentes para empezar, los valores finales, el sistema de animación, tales como AnimatedAlign y otros componentes.
- Explícita Control de animación: necesidad AnimationController para configurar, controlar la animación de la ejecución, el uso de efectos de animación explícitos se puede hacer ningún tipo de animación implícita, e incluso algunos de los más rica en características, pero es necesario para gestionar el ciclo de vida de la AnimationController animación, AnimationController no un control, hay que poner el control de estado.
A partir de la clasificación anterior, podemos ver que el uso de control de animación implícita, código más simple, pero sin lograr AnimationController ciclo de vida.
Cómo determinar el control de la animación control de animación implícita o explícita? Es necesario tener en cuenta tres cuestiones:
- Si la animación se repite, como el reproductor de música.
- valores de animación no son continuas, tal como un círculo, tamaño cambio discontinuo: pequeña -> grandes y pequeños -> grandes y pequeños -> grande. Tamaño cambio continuo: Pequeño -> Large -> Pequeño -> grande.
- ¿Hay una película con múltiples componentes.
Si se encuentra en alguna de estas tres preguntas una respuesta "sí", entonces es necesario utilizar un control de animación explícita, o si utiliza una implícita controles de animación.
Una vez que haya determinado a utilizar el control explícito o implícito de control de animación animación, esta vez es necesario encontrar los componentes correspondientes, si los componentes que necesita está ya construido en el trémolo en?
Para los componentes implícitos para:
- Ya construida: directamente, por supuesto, puede mirar componentes AnimatedContainer, AnimatedContainer es muy potente y versátil componentes de animación.
- Sin incorporado: TweenAnimationBuilder se puede utilizar para crear un controles de animación personalizada.
Por componentes de la pantalla para:
- Built-in: uso directo de los componentes relacionados, tales como componentes xxxTransition.
- No construida: a controles de animación personalizados.
A los componentes de animación personalizados requieren explícita componente animación reconocimiento es un componente o parte de un componente separado,
- Un componente de visualización independiente: Usted debe heredar AnimatedWidget lograr.
- Parte del conjunto de: el uso de AnimatedBuilder de lograr.
Hay una última cosa a tener en cuenta: si encuentra problemas de rendimiento causados por el CustomPainter, se puede usar como AnimatedWidget, pero CustomPainer pintar directamente sobre el lienzo, sin la necesidad de construir un ejemplo widgets estándar, si se usa bien, puede crear unos bonitos efectos, ricos personalizar o ahorro de rendimiento, pero si se utiliza bien, la animación puede causar más problemas de rendimiento, al igual que la gestión de memoria manual, manejar adecuadamente el puntero compartida, por lo que ¿por qué debería con, si existen problemas de memoria, deben considerarse estos problemas.
Concluido en la siguiente figura:
intercambio
Si todavía tiene dudas o preguntas sobre los aspectos técnicos del trémolo, el aleteo bienvenidos a unirse al grupo de intercambio (carta de micro: laomengit).
También celebro la atención del público número aleteo [programadores] Lao Meng, el número de partida del alboroto público de contenido relevante.
Aleteo Dirección:http://laomengit.com que contiene una pluralidad de conjuntos de uso detalladas 160.