flutter · jslavitz · Feb 26, 2019 · Feb 26, 2019 · Feb 26, 2019 · Feb 26, 2019
diff --git a/assets/painting/Shape.beveled_rectangle.png b/assets/painting/Shape.beveled_rectangle.png
diff --git a/assets/painting/Shape.circle.png b/assets/painting/Shape.circle.png
diff --git a/assets/painting/Shape.continuous_rectangle.png b/assets/painting/Shape.continuous_rectangle.png
diff --git a/assets/painting/Shape.continuous_stadium.png b/assets/painting/Shape.continuous_stadium.png
diff --git a/assets/painting/Shape.rectangle.png b/assets/painting/Shape.rectangle.png
diff --git a/assets/painting/Shape.rounded_rectangle.png b/assets/painting/Shape.rounded_rectangle.png
diff --git a/assets/painting/Shape.stadium.png b/assets/painting/Shape.stadium.png
diff --git a/packages/diagrams/lib/diagrams.dart b/packages/diagrams/lib/diagrams.dart
@@ -17,6 +17,7 @@ export 'src/implicit_animations.dart';
 export 'src/ink_response_large.dart';
 export 'src/ink_response_small.dart';
 export 'src/ink_well.dart';
+export 'src/shapes.dart';
 export 'src/sliver_app_bars.dart';
 export 'src/stroke_cap.dart';
 export 'src/stroke_join.dart';

diff --git a/packages/diagrams/lib/src/shapes.dart b/packages/diagrams/lib/src/shapes.dart
@@ -0,0 +1,138 @@
+// Copyright 2019 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'dart:async';
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:diagram_capture/diagram_capture.dart';
+
+import 'diagram_step.dart';
+
+class ShapeDiagram extends StatelessWidget implements DiagramMetadata {
+  const ShapeDiagram({
+    Key key,
+    this.name,
+    this.shapeBorder,
+    this.width,
+    this.height
+  }) : super(key: key);
+
+  @override
+  final String name;
+  final ShapeBorder shapeBorder;
+  final double width;
+  final double height;
+
+  @override
+  Widget build(BuildContext context) {
+    const double padding = 50.0;
+    return Container(
+      height: height + padding,
+      width: width + padding,
+      alignment: Alignment.center,
+      child: Material(
+        color: Colors.blue,
+        shape: shapeBorder,
+        child: SizedBox(
+          width: width,
+          height: height,
+        ),
+      ),
+    );
+  }
+}
+
+class ShapeDiagramStep extends DiagramStep {
+  ShapeDiagramStep(DiagramController controller) : super(controller) {
+    const String circleName = 'Shape.circle';
+    const String rectangleName = 'Shape.rectangle';
+    const String roundedRectangleName = 'Shape.rounded_rectangle';
+    const String stadiumName = 'Shape.stadium';
+    const String continuousRectangleName = 'Shape.continuous_rectangle';
+    const String continuousStadiumName = 'Shape.continuous_stadium';
+    const String beveledRectangleName = 'Shape.beveled_rectangle';
+
+    const double width = 200.0;
+    const double height = 200.0;
+    const double radius = 75.0;
+
+    _diagrams.addAll(<ShapeDiagram>[
+      ShapeDiagram(
+        name: circleName,
+        shapeBorder: CircleBorder(),
+        width: width,
+        height: height,
+        key: const ValueKey<String>(circleName),
+      ),
+      ShapeDiagram(
+        name: rectangleName,
+        shapeBorder: RoundedRectangleBorder(),
+        width: width,
+        height: height,
+        key: const ValueKey<String>(rectangleName),
+      ),
+      ShapeDiagram(
+        name: roundedRectangleName,
+        shapeBorder: RoundedRectangleBorder(
+          borderRadius: const BorderRadius.all(
+            Radius.circular(radius)
+          )
+        ),
+        width: width,
+        height: height,
+        key: const ValueKey<String>(roundedRectangleName),
+      ),
+      ShapeDiagram(
+        name: stadiumName,
+        shapeBorder: StadiumBorder(),
+        width: width,
+        height: height / 2,
+        key: const ValueKey<String>(stadiumName),
+      ),
+      ShapeDiagram(
+        name: continuousRectangleName,
+        shapeBorder: ContinuousRectangleBorder(
+          borderRadius: radius,
+        ),
+        width: width,
+        height: height,
+        key: const ValueKey<String>(continuousRectangleName),
+      ),
+       ShapeDiagram(
+         name: continuousStadiumName,
+         shapeBorder: ContinuousStadiumBorder(),
+         width: width,
+         height: height / 2,
+         key: const ValueKey<String>(continuousStadiumName),
+       ),
+       ShapeDiagram(
+         name: beveledRectangleName,
+         shapeBorder: BeveledRectangleBorder(
+           borderRadius: const BorderRadius.all(
+             Radius.circular(radius)
+           )
+         ),
+         width: width,
+         height: height,
+         key: const ValueKey<String>(beveledRectangleName),
+      ),
+    ]);
+  }
+
+  @override
+  final String category = 'painting';
+
+  final List<ShapeDiagram> _diagrams = <ShapeDiagram>[];
+
+  @override
+  Future<List<DiagramMetadata>> get diagrams async => _diagrams;
+
+  @override
+  Future<File> generateDiagram(DiagramMetadata diagram) async {
+    final ShapeDiagram typedDiagram = diagram;
+    controller.builder = (BuildContext context) => typedDiagram;
+    return await controller.drawDiagramToFile(new File('${diagram.name}.png'));
+  }
+}
diff --git a/utils/diagram_generator/lib/main.dart b/utils/diagram_generator/lib/main.dart
@@ -60,6 +60,7 @@ Future<Null> main() async {
     new InkResponseLargeDiagramStep(controller),
     new InkResponseSmallDiagramStep(controller),
     new InkWellDiagramStep(controller),
+    new ShapeDiagramStep(controller),
     new SliverAppBarDiagramStep(controller),
     new StrokeCapDiagramStep(controller),
     new StrokeJoinDiagramStep(controller),