# flutter_study

**Repository Path**: rainson/flutter_study

## Basic Information

- **Project Name**: flutter_study
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-05
- **Last Updated**: 2024-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

本文将使用以下知识点，最终实现
1. MouseRegion: MouseRegion 用于捕获鼠标事件，允许您指定鼠标在其内部时的行为，包括设置鼠标光标的外观（在这里使用了 SystemMouseCursors.click）。
2. SystemMouseCursors: SystemMouseCursors 是一个用于指定不同系统鼠标光标样式的类。在这里，我们使用了 SystemMouseCursors.click，将鼠标光标设置为点击样式，以提供用户视觉反馈。
3. GestureDetector: GestureDetector 用于捕获用户手势事件，如拖动手势（onPanUpdate 和 onPanEnd）。它允许您检测用户的绘制动作并触发相应的回调。
4. CustomPaint: CustomPaint 是一个用于自定义绘制的容器，它接受一个自定义的 CustomPainter 对象。在这里，它用于呈现用户的绘制。
5. CustomPainter: CustomPainter 是一个抽象类，它包含了用于自定义绘制的方法。在这里，我们创建了 MyPainter 类来实现绘制用户绘制的笔画。
6. RenderBox: RenderBox 是一个用于获取渲染对象的边界框和坐标的类。在这里，我们使用它来获取鼠标事件的本地坐标，并将其转换为相对于 CustomPaint 的坐标。
7. Canvas: Canvas 是一个用于绘制 2D 图形的画布。我们使用它在 MyPainter 中绘制用户的笔画。
8. PointMode：PointMode类用于指定如何绘制点的枚举类。在画板应用中，它有两种可能的值：
   • PointMode.points: 这个模式用于绘制单个点。当用户在画板上点击并松开鼠标时，将使用此模式来绘制点，以实现单击绘制的效果。
   • PointMode.polygon: 这个模式用于绘制连接的线条。当用户在画板上拖动鼠标时，将使用此模式来绘制连接的线条，以实现绘制笔画的效果。
9. PointMode 通过 canvas.drawPoints 方法在 CustomPainter 中使用，用于指定如何绘制用户的绘制。对于单击，我们使用 PointMode.points 来绘制点，而对于笔画，我们使用 PointMode.polygon 来绘制连接的线条。
   该类包含在dart:ui库中。
10. flutter_colorpicker 模块：这是一个选择颜色的第三方模块，你可以参考其官方文档