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.