FLUTTER ECOSYSTEM

tnantoka/flutter_shapes

使用 Flutter CustomPainter 在画布上绘制各种形状

flutter_shapes 项目封面
Stars
15
Forks
4
最近推送(UTC)
2022年4月19日
项目状态
未归档
Tatsuya Tobioka GitHub avatar
GITHUB User

Tatsuya Tobioka ↗

hello world

Tokyo, Japan官方网站 ↗
语言DartHTMLSwiftKotlinShellObjective-C

此仓库发布的插件

使用的依赖

依赖清单 2 项
  • flutter{"sdk":"flutter"}
  • flutter_test开发依赖{"sdk":"flutter"}

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 README

FlutterShapes

https://github.com/tnantoka/flutter_shapes/raw/master/heart.gif https://github.com/tnantoka/flutter_shapes/raw/master/star.gif https://github.com/tnantoka/flutter_shapes/raw/master/rotate.gif

Live demo powered by Flutter for web.

Shape types

https://github.com/tnantoka/flutter_shapes/raw/master/screenshot.png

Adding FlutterShapes to your project

dependencies:
  flutter:
    sdk: flutter
  flutter_shapes:

Drawing a Shape

import 'package:flutter_shapes/flutter_shapes.dart';

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()..color = Colors.black;
    Shapes shapes = Shapes(canvas: canvas, radius: 50, paint: paint, center: Offset.zero, angle: 0);

    shapes.drawCircle();                // method name
    shapes.drawType(ShapeType.Circle);  // enum
    shapes.draw('Circle');              // string
  }
}

Acknowledgements

https://proandroiddev.com/flutter-animation-creating-mediums-clap-animation-in-flutter-3168f047421e

A great article about animation with Flutter.
It helped me to write example codes.