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

flutter - 如何在颤动中构建手绘边界线或框?

我如何建立像下图这样的自由手边界线?

想要实现这个形象:

在此处输入图像描述

但我只知道建立简单的直线/圆形边框,

像这样:

在此处输入图像描述

代码:

我认为这将是可能的CustomPainter。但只知道画一些形状,如环形、圆形、直线、正方形、矩形。

直线与自定义画家:

在此处输入图像描述

带有自定义画家的圆圈:

在此处输入图像描述

0 投票
2 回答
301 浏览

flutter - 为什么“points.clear”和“points.add”(点是偏移列表)在 Flutter 的 CustomPaint 的 10 次试用中不一样?

它适用于某些试验,然后不适用于某些试验,然后再次工作(没有任何特定模式)。我的意思是,例如,它会校正线条并仅使用第一个和最后一个点绘制完美的线条 3-4 次,然后有一次它离开用户绘制的线条。似乎points.clearorpoints.add有时有效,有时无效。我知道这听起来很傻,但我无法用合乎逻辑的方式解释它。如果有人可以查看代码并告诉我发生了什么,我将非常感激。

这是我的手势检测器:

这是我的 CustomPainter 类:

0 投票
0 回答
123 浏览

flutter - 自定义形状 - 底部导航栏 - Flutter

我正在尝试为底部导航栏添加自定义形状。我尝试了 ContinuousRectangleBorder 和 Custom Paint。但是现在注意到工作了。有人可以帮帮我吗?

导航栏

0 投票
1 回答
531 浏览

flutter - 如何在颤振中绘制自定义形状

我正在尝试在我的应用程序中绘制这样的自定义形状:

在此处输入图像描述

尝试使用自定义画家进行绘制,但还没有弄清楚如何获得这种形状。我认为它实际上只是一个带有自定义边框的容器,但甚至不确定从哪里开始。这只是我感兴趣的形状,而不是内容。

或者,如果有人知道如何绘制一个底部较薄的圆角矩形,那么这真的会帮助我解决剩下的问题。

另外,这里有没有人知道如何绘制一个中间较薄的圆角矩形,就像我给出的示例中紫色后面的形状一样?

非常感谢任何帮助。

提前致谢

0 投票
2 回答
42 浏览

flutter - Flutter 自定义 Painter 设计

我一直在尝试用定制画家或定制剪刀设计这个,尤其是弯曲的底部弧形底盒,有人能帮我吗?

0 投票
0 回答
166 浏览

android - 为什么我无法在颤振绘图应用程序中绘制已擦除的区域?

我正在研究要在我的应用程序中使用的绘图功能。我尝试按照这个答案来实现橡皮擦功能。它工作正常,但我面临的问题是,当我再次选择钢笔工具绘制点时,使用橡皮擦工具擦除绘制的点后,它不会在已擦除的区域上绘制。例如:

  • 我用手指在屏幕上绘图(启用钢笔工具)
  • 我用手指擦除屏幕上的绘制区域(启用橡皮擦工具)
  • 我再次选择钢笔工具并用手指在屏幕上绘制,但这不会在已擦除区域上绘制点。有什么办法可以解决这个问题?

这是我到目前为止实现的代码:

0 投票
0 回答
23 浏览

flutter - 如何仅根据圆形指示器的移动填充图像中显示的弧线?

弧线是使用 CustomPainter 小部件绘制的。绘制的小部件用于显示信用评分。随着指标的移动,每个弧线都应该被填充。我已经为这些提出了所有逻辑,但我无法按顺序填写弧线。在此处输入图像描述

我使用以下代码创建了弧形背景:

为了显示颜色动画,我在自定义画家中使用了以下逻辑:

以下是我用于动画的逻辑:

这就是指示动画的工作原理:

现在弧正在填充,但不是按顺序填充的。我希望它在指示器通过弧线移动时填充。

0 投票
1 回答
64 浏览

flutter - 如何创建内圆框颤振

我怎样才能以最简单的方式制作这样的盒子? 形状

我用 CustomPainter 和 Arcs 或 CustomClippers 做了很多尝试,但都失败了。我知道这些技术是可能的,但我无法做到。(如果可能的话,请包括代码我已经浪费了太多时间了)

0 投票
3 回答
278 浏览

flutter - Flutter 自定义形状按钮小部件

定制形状

嗨,我正在将 html/css 设计转换为 dart 代码来构建这个自定义按钮形状的小部件。我认为需要一些画家的技能。任何人都可以帮忙吗?

0 投票
0 回答
50 浏览

flutter - 在鼠标移动时,它会在颤动中使用画布上的 drawImage 拖动按钮单击时给出的图标或图像

当我试图用鼠标拖动图标时,单击图标时。例如,当单击圆形按钮图标时,鼠标会用它拖动圆圈。

但这并没有发生,所以我尝试通过图像来执行此操作,因此单击按钮图标,鼠标拖动使用 drawCircle 类在画布上扩展 CustomPainter 绘制的圆圈。它正在发生,我尝试通过用鼠标拖动图像来进行相同的操作,即,单击它会拖动图标的图像。

它没有发生并且看不到图像。但是在控制台中它说图像加载并正常运行有更好的方法吗?

这是我的代码: - 画家类文件