flutter 着色器绘制

Flutter 的着色器（Shader）是一种高级绘图技术，它允许开发者创建复杂的图形效果，比如渐变、图案、阴影等，而不仅仅是简单的颜色填充。在 Flutter 中，`CustomPaint` 和 `Skia` 渲染系统是实现着色器的关键组件。

`CustomPaint` 组件允许你在 widget 树中插入自定义的 Skia 图形上下文（SkCanvas），然后通过编写 Dart 代码，使用 Skia API 来绘制各种类型的着色器。例如，你可以使用 ` LinearGradient` 来创建线性渐变，或者 `RadialGradient` 来创建径向渐变。

以下是一个简单的例子，展示如何在 Flutter 中使用线性渐变：

class LinearGradientExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CustomPaint(
      painter: LinearGradientPainter(),
    );
  }
}

class LinearGradientPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final gradient = LinearGradient(
        begin: Alignment.topLeft,
        end: Alignment.bottomRight,
        colors: [Colors.blue, Colors.red],
    );

    canvas.drawRect(Rect.fromLTWH(0, 0, size.width, size.height), gradient);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => true;
}

在这个例子中，`LinearGradientPainter` 自定义了画布的行为，并设置了从左上角到右下角的颜色渐变。