【问题标题】:Flutter : Custom Painter draw path with different fill and stroke colorFlutter:具有不同填充和描边颜色的自定义 Painter 绘制路径
【发布时间】:2020-05-23 14:33:56
【问题描述】:

我正在使用 CustomPainter 绘制折线图,​​其中线条(笔触)需要具有不同的颜色,并且填充颜色应该是不同的阴影。 我可以绘制图表,但两者颜色相同。 但是,我需要颜色不同。 如何使用 CustomPainter 做到这一点?

另外,如果可能的话,我想知道如何用不同颜色而不是单一颜色绘制一条路径。

感谢您的帮助!

【问题讨论】:

  • 你能把示例代码贴出来吗?

标签: flutter custom-painting


【解决方案1】:

我个人使用“drawLine”调用绘制笔触,使用“drawPath”进行填充。

您可以定义 2 种不同的绘画并将paint1 与“drawLine”一起使用,将paint2 与“drawPath”一起使用。

【讨论】:

  • 我正在考虑使用相同的方法,但想知道是否有更好的方法我不知道。另外,如何向绘制的路径添加渐变色?我正在寻找一个更简单的解决方案,让着色器请求一个 Rect 对象。
  • @AkashGorai 制作渐变,您可以像这样创建 Paint: final paint = Paint() ..shader = RadialGradient( colors: [ color1, color2, ], ).createShader(Rect.fromCircle(中心:偏移,半径:半径,));
  • @AkashGorai 我认为没有办法;如果您只需要一个 Rect,我认为如果您绘制 2 个重叠的矩形,一个使用描边绘制,另一个使用填充绘制,您应该得到它,因为填充仅在内部绘制,不包括边框。
  • 我会尝试回来的。感谢您的回复:)
  • 我试过了......我想我在填充颜色方面遇到了麻烦。我正在使用 canvas.drawPath() 但是当样式被填充时,我的图表正在填充最后三个坐标哈哈。你能帮忙吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多