menu_to_close constant

AnimatedVectorData const menu_to_close

Animated vector for menu to close.

Pairs with close_to_menu.

Implementation

static const AnimatedVectorData menu_to_close = AnimatedVectorData(
  viewportSize: Size(24, 24),
  duration: Duration(milliseconds: 500),
  root: RootVectorElement(
    elements: [
      GroupElement(
        pivotX: 12.0,
        pivotY: 12.0,
        elements: [
          PathElement(
            pathData: PathData.parse(
              'M 21 7 L 3 7',
            ),
            strokeColor: Color(0xFF000000),
            strokeWidth: 2.0,
            properties: PathAnimationProperties(
              pathData: [
                AnimationStep<PathData>(
                  tween: ConstPathDataTween(
                    begin: PathData.parse(
                      'M 21 7 L 3 7',
                    ),
                    end: PathData.parse(
                      'M 18.3 5.7 L 5.7 18.3',
                    ),
                  ),
                  interval: AnimationInterval(
                    start: Duration(milliseconds: 50),
                    end: Duration(milliseconds: 350),
                  ),
                  curve: ShapeShifterCurves.fastOutSlowIn,
                ),
              ],
            ),
          ),
          PathElement(
            pathData: PathData.parse(
              'M 3 12 L 21 12',
            ),
            strokeColor: Color(0xFF000000),
            strokeWidth: 2.0,
            properties: PathAnimationProperties(
              trimStart: [
                AnimationStep<double>(
                  tween: ConstTween<double>(
                    begin: 0.0,
                    end: 0.5,
                  ),
                  interval: AnimationInterval(
                    end: Duration(milliseconds: 200),
                  ),
                  curve: ShapeShifterCurves.fastOutSlowIn,
                ),
              ],
              trimEnd: [
                AnimationStep<double>(
                  tween: ConstTween<double>(
                    begin: 1.0,
                    end: 0.5,
                  ),
                  interval: AnimationInterval(
                    end: Duration(milliseconds: 200),
                  ),
                  curve: ShapeShifterCurves.fastOutSlowIn,
                ),
              ],
            ),
          ),
          PathElement(
            pathData: PathData.parse(
              'M 3 17 L 21 17',
            ),
            strokeColor: Color(0xFF000000),
            strokeWidth: 2.0,
            properties: PathAnimationProperties(
              pathData: [
                AnimationStep<PathData>(
                  tween: ConstPathDataTween(
                    begin: PathData.parse(
                      'M 21 17 L 3 17',
                    ),
                    end: PathData.parse(
                      'M 18.3 18.3 L 5.7 5.7',
                    ),
                  ),
                  interval: AnimationInterval(
                    start: Duration(milliseconds: 50),
                    end: Duration(milliseconds: 350),
                  ),
                  curve: ShapeShifterCurves.fastOutSlowIn,
                ),
              ],
            ),
          ),
        ],
        properties: GroupAnimationProperties(
          rotation: [
            AnimationStep<double>(
              tween: ConstTween<double>(
                begin: 0.0,
                end: 180.0,
              ),
              interval: AnimationInterval(
                end: Duration(milliseconds: 500),
              ),
              curve: ShapeShifterCurves.fastOutSlowIn,
            ),
          ],
        ),
      ),
    ],
  ),
);