问题标签 [custom-painter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
91 浏览

flutter - 如何在 Flutter 中拥有动态大小的 CustomPainter?

考虑Flutter 文档中的以下代码:

我不想要文本小部件。

我不希望 CustomPaint 小部件被子小部件遮挡。

此外,我希望 CustomPaint 小部件填充可用的任何空间。

我认为解决方案是用像 Expanded 这样的 BLANK 小部件替换 Text 小部件。

但是,我尝试了各种组合的 Expanded、Container、Spacer 和 Space 小部件,但总是得到错误或大小为零。

谢谢!

0 投票
1 回答
193 浏览

flutter - 如何在列表中添加空值? null 不能添加,因为颤振 null 安全

我正在使用颤振创建绘图应用程序。我使用过手势检测器 onpanstart、onpanend、onpanupdate。但我必须关闭偏移数组。由于 null 安全性,我无法使用“null”。如何在列表上添加空值或以某种方式结束列表。或任何其他使用颤振制作绘图应用程序的方法。

0 投票
0 回答
23 浏览

flutter - 如何在颤动中保存自定义画家生成的图像?

我正在使用自定义画家在图像上绘制,绘制后,我想保存绘制的图像,我该怎么做?,我认为我应该将记录器传递给画布,但在这种情况下,我使用的是覆盖绘制函数的画布,我不知道如何将记录器传递给画布。

这是我的代码在此处输入图像描述

0 投票
2 回答
47 浏览

flutter - 颤振在具有 CustomPainter 和 InteractiveViewer 的容器中绘图并且无法正确显示

由于我将我的项目迁移到 2.8 版并具有空安全性,因此我遇到了这个错误,我不知道如何解决它;下面我放视频。

在此处输入图像描述

我的红色容器尺寸为 1700 x 1200,我将相同的测量值发送到 CustomPainter,但似乎在绘图时,它需要我手机的测量值,因为当我缩放它时(这就是我使用交互式缩放它的原因),它仍然有相同的测量值(我不知道它是什么)。

似乎线条在正确的位置上画得很好,但是我想画我手指所在的位置。

0 投票
1 回答
22 浏览

flutter - 如何在使用自定义画家制作绘图板时为 onPanEnd 提供空值

错误:无法将参数类型“Null”分配给参数类型“DrawModel”

0 投票
0 回答
14 浏览

flutter - 如何通过 Custompainter 获取 LinePainter 以使用 Flutter 中其他类的数据

我是 Flutter 的新手,我正在尝试实现 Custompainter 以从列表中的数据中绘制交互式图形。应用程序生成一个值列表,我想用图表线将它们可视化。

它看起来像这样:

然后,在同一个类中,我在 Container 中有一个 Custompainter,我想用它来绘制图形以可视化列表值

然后我有一个单独的 LinePainter 类

我正在寻找简单的解决方案,使 LinePainter 类能够“监听”Statefull 小部件中类的数据。我见过复杂的解决方法,但我相信有一种更简单的方法可以做到这一点。

对不起我的英语不好。

0 投票
0 回答
45 浏览

flutter - 如何计算颤动中绘制的线条的角度?需要找到两条线之间的角度

我正在开发一个类似绘画的应用程序,可以使用点击坐标绘制线条和形状。我需要获取画布中绘制的线条的角度或度数。使用 CustomPaint 绘制线条并使用 XGestureDetector 获取 onTap 坐标。

在此处输入图像描述

我需要实现上述目标。

这是我的代码,

由于我是 Flutter 新手,所以会有一些不需要的代码。请忽略那些。

0 投票
1 回答
62 浏览

flutter - Flutter 使用触摸手势创建具有多个部分的圆圈

我想使用自定义画家创建小部件,例如使用触摸手势跟随;

在此处输入图像描述

0 投票
0 回答
22 浏览

flutter - 如何使用 Flutter 跳过带有 CustomPaint 的空格?

我试图在颤振中实现 ARC,但其中有“洞”。

我有什么: 屏幕图像

我想要的: 获取图像

我的代码:

你们知道我该怎么办吗?我正在尝试使用 CustomPaint,但接受其他方法我需要这个图表,图表库不支持我需要的这个图表。