WhiteMonkey

对于一些复杂或不规则的UI，无法通过组合其他组件的方式来实现，就需要自己绘制UI。几乎所有的UI系统都会提供一个自绘UI的接口，比如iOS的CoreGraphics,Flutter 中提供一块2D画布

实现组合组件TurnBox组件，它可以任意角度来旋转其子节点，而且可以在角度发生变化时执行一个过渡动画到新状态，同时，还可以手动指定动画的速度。 示例： 代码分析： 通过组合RotationTrans

Flutter 中页面UI通常都是由一些简单组件组合而成，当需要封装一些通用组件时，应该首先考虑使用组合其他组件来实现，如果可以，则应优先使用组合，因为直接通过现有组件拼装会非常简单、灵活、高效。 实

组合多个Widget 通过拼装多个组件来组合成一个新的组件。例如Container就是一个组合组件，由DecoratedBox、ConstrainedBox、Transform、Padding、Ali

在Widget属性发生变化时会执行过渡动画的组件统称为动画过渡组件，而动画过渡组件最明显的一个特征就是它会在内部自管理AnimationController。为了方便使用者可以自定义动画的曲线、执行时

实际开发中，经常会遇到切换UI元素的场景，比如Tab切换，路由切换。为了增强用户体验，通常在切换时都会指定一个动画，以使切换过程显的平滑。为此Flutter SDK中提供了一个AnimatedSwit

当需要做一些复杂的动画，这些动画由一个动画序列或重叠的动画组成，要实现这种动画效果，使用交织动画（Stagger Animation）会非常简单。 要创建一个交织动画，需要使用多个动画对象。 一个An

自实现Hero动画 实现一个头像组件，初始是一个圆形的小图片，点击后查看大图，小图片变大图和大图变回小图片分别执行过渡动画： 实现方案一： Hero动画 Hero指可以在路由页面之间飞行的Widget

自定义路由切换动画 通常左右切换路由API是直接使用CupertinoPageRoute CupertinoPageRoute是Cupertino组件提供的iOS风格的路由切换组件，也是实现左右滑动切