问题标签 [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 投票
0 回答
63 浏览

flutter - Flutter CustomPainter 调整大小

所以我一直在尝试调整 a 的大小CustomPainter并让它看起来像是像素艺术,但我没能做到。

如果我将 scaleFactor 设置为 1,我当然会得到我想要的结果

customPainter_scale_1

如果我改变 scaleFactor 我会得到这样的结果:

在此处输入图像描述

但我实际上希望它喜欢的是这样的:

在此处输入图像描述

我什至尝试过使用Transform.scale小部件(甚至没有改变FilterQuality帮助),甚至在画布内设置了一个比例矩阵,canvas.transform()但我没有得到任何好的结果。

0 投票
0 回答
28 浏览

flutter - 在 Flutter 的 for 循环中生成的 2 个文本小部件之间画线

我正在尝试在我的颤振应用程序中创建一个迷你游戏。范围是将左栏的单词拖到右栏中具有相同含义的单词上,放开单词后,应在它们之间画一条线,如下所示:

在此处输入图像描述

为此,我在无状态小部件中有以下代码:

我的问题是:

如何获取拖动文本和 dragTarget 文本小部件的偏移量,以便在它们之间画一条线?

先感谢您!

0 投票
0 回答
36 浏览

flutter - Flutter Web 将鼠标滚动添加到 Canvas

我正在研究颤振并尝试将鼠标滚动控件添加到画布编辑器(就像一个简单的图像编辑器)

当前代码使用 GestureDetector 进行平移和图像移动。但是在加载大尺寸图像时,UX 是相当困难的。所以试图添加鼠标滚动。我已经尝试过 Listview 和 SingleChildScrollView 但它不能使用物理或滚动方向工作。我已经看过使用 Listener 的示例。仍然无法实现它们(我只是一个中级程序员)。请指导我~!我没有编写原始代码,我正在尝试使用学习和制作自己的作品。

这是当前代码。

0 投票
0 回答
45 浏览

flutter - 颤动中的动画单选按钮使用CustomPainter

尝试使用 CustomPainter 选中和取消选中动画来创建 MyRadio。Drwing all...但无法从另一个元素更改无线电组中的视图状态(运行动画)。无线电代码:

演示代码:

使用来源:https ://medium.com/flutterdevs/exploring-custom-radio-button-in-flutter-4a93a7892185

SetState 不工作!!!!

0 投票
1 回答
112 浏览

flutter - 为什么我的 Flutter CustomPainter 类在使用 scanAngle 小于 2*pi 的 canvas..drawArc() 函数时不在屏幕上绘制任何内容?

出于某种原因,我的 CustomPainter 没有在屏幕上绘制任何内容。我正在尝试构建一个饼图,但画家仅在我将 sweepAngle 设置为 2*pi 时才起作用。

调用 CustomPaint 的 Widget 结构如下:

这是我的 CustomPainter 类:

我几乎可以肯定地说这个问题与我提供的数据和颜色无关,因为每当我将当前元素记录到控制台时,它都会给出正确的输出。在这里,您可以看到我的 Widget 结构: 在这里,你可以看到我的 Widget 结构

这是组件本身的图像:(请注意,整个圆圈只显示最后一个类别颜色,因为每当我使用小于 2*pi 的 sweepAngle 时,整个小部件都不会显示颜色。) 组件本身

这是我设置的扫描角度小于 2*pi 时的组件: sweepAngle 小于 2*pi 的组件

我真的无法弄清楚可能导致此问题的原因。有没有人知道sweepAngle参数还会影响什么?我也不知道为什么各个类别左侧的彩色圆圈不可见,因为它们呈现在一个完全不同的小部件分支中......如果你对如何解决这个问题有任何想法,我会更多很乐意提供更多信息,但只要我不知道去哪里看,我不想用不必要的信息向这个问题发送垃圾邮件。

0 投票
0 回答
70 浏览

flutter - 自定义导航抽屉颤振

我正在尝试创建自定义导航抽屉,就像底部导航但在导航抽屉中。我无法实现我们想要的视图。我尝试使用自定义画家,但我不是专家。建议一些我可以学习自定义画家的网站基础到高级。

需要自定义导航

我的定制画家

我的代码:

0 投票
0 回答
89 浏览

flutter - Flutter:如何擦除/擦除/重置整个 CustomPaint 画布

我将实时数据值绘制为从左到右颤动的图形。它有很多源数据,但非常简单:垂直线 canvas.drawLine(from here, to here) 来自双打的实时列表,从左到右在屏幕上绘制。

满屏后我想完全丢弃绘制的信息,从左到右重新绘制。

我已经通过绘制图形然后在画布顶部绘制一个黑框并再次绘制来“功能性地”完成了这一点,但这完全是无效的。在一分钟内性能下降,内存开始换出缓存。这些信息显然被保留了下来。

我将不胜感激以下各位的具体建议:

  • 从自定义绘画内部清除画布的最佳实践,其中实际信息被处理,因此画布的整体缓存/内存使用量保持有限。
  • 如果这是不可能的,那么您可以想到任何最高效的解决方法。
0 投票
0 回答
23 浏览

flutter - 如何使用自定义画家画半圆

在此处输入图像描述

我想画出像上图这样的曲线,如果可以的话,谁能帮帮我?

0 投票
0 回答
20 浏览

flutter - 将应用程序中创建的图像(使用画家插件)保存到设备本地图库

我尝试了几种方法,但我是 Flutter 和移动开发的新手,所以我不太熟悉整个环境。

我在这里使用了画家示例https://pub.dev/packages/painter/example

我使用此代码尝试保存图像文件。

image_file.dart

然后我创建了类的实例并分配了

作为

到它,以便我可以全局访问它,然后我创建了一个方法来保存 ImageFile 对象中的图像并将其附加到一个 floatingActionButton。

如果您对如何使用画师包中的 gallery_saver 包或 image_gallery_saver 包有任何想法,请提供帮助。

image_file.dart - https://codeshare.io/Pdm0lY

main.dart - https://codeshare.io/78gMbL

谢谢

0 投票
1 回答
59 浏览

flutter - 获取列表中小部件的高度

我正在开发一个CustomPainter接收 aList<Widget>作为参数的小部件。我想知道我每个人的大小,Widget这样我就可以调整我的油漆。这List<Widget>将是用户选择的List,所以我不能GlobalKeys在这里使用。

我看了一些关于 StackOverflow 的答案和关于这个主题的文章,但每次答案似乎都不适合我的问题。