Flutter内置了很多的Tween,下面一一看下： ColorTween 可以设置颜色渐变，begin颜色，end颜色，中间过渡。 设定颜色过渡，初始颜色绿色，目标颜色棕色，Tween colorT

动画的本质 动画，即，动起来的画。 Flutter，达到60FPS，即16ms一帧，每一帧即一个画面。 如一个Image，初始时width=300,height=300 第1帧：width=300,h

旋转小人 几年前在某一个地方看到过这个效果： 今天又偶然看到，最神奇的地方在于： 在盯着gif看的某一瞬间，旋转方向突然就逆向旋转了 在旋转方向发送变化的同时，左腿变右腿，左手变右手 所以我在想，是不

isComplex：是否复杂的绘制，如果是，Flutter会应用一些缓存策略来减少重复渲染的开销。 willChange：和isComplex配合使用，当启用缓存时，该属性代表在下一帧中绘制是否会改变。 shouldRepaint(covariant CustomPainter…

经过一天多时间的努力，终于成功出了一个残次版，之所以是残次版，是因为没有太空人的模型数据，只得用贫瘠的绘画能力造了一个机器人版本的。 期间被初中时代的三角函数虐了一遍又一遍。 3d投影到二维平面，参看上面提到的文章，详细讲解了空间点投影计算过程。不再赘述。掌握了这些，其实已经掌…

使用AnimationController ,然后repeat(),模拟时间流逝。注意有个addListener方法，是每一帧的回调。在每一帧的回调里，处理粒子运动轨迹。 模拟时间流逝，在创建AnimationController时，可以定义duration，那么通过anima…

一个形状画完后，可以抬笔移到另一个点，然后继续画。 Path就是你画的过程的路径记录。 forceMoveTo,当前path末端与新的弧的连接方式，false，表示二者相连，true表示直接move过去，不相连。通过参数确定的弧是一个独立的线，有自己的起始点，path的末端与弧…

平移，是指在同一平面内，将一个图形上的所有点都按照某个直线方向做相同距离的移动，这样的图形运动叫做图形的平移运动，简称平移。 平移不改变图形的形状和大小。图形经过平移，对应线段相等，对应角相等，对应点所连的线段相等。 它是等距同构，是仿射空间中仿射变换的一种。它可以视为将同一个…

画 或 填充一个图形时增加特殊效果，如drawCircle时，添加颜色渐变效果。 优先级：colorFilter > shader > color,当共同存在时，优先级高的生效，优先级低的无效。 Gradient，绘制颜色渐变的着色器。 ImageShader，对图片做处理的着…