flutter-canvas相关内容

如何在画布上制作自定义可编辑文本框,其中背景随文本传播?

我没有在颤振中使用过画布,但我认为像图像中的那个编辑文本框可以通过画布来实现.背景随着文本长度而扩展,如果一行中的文本长度为0,则没有背景. 如果您有任何代码或建议,请提供帮助. 解决方案 代码如下: class TextFieldTest 扩展 StatelessWidget {@覆盖小部件构建(BuildContext 上下文){返回脚手架(背景颜色:颜色.黑色,正文:Si ..
发布时间:2022-01-23 12:23:16 其他开发

在 Flutter Canvas 中使用 Gradient 和 Paint 对象

我可以使用以下示例绘制一个半圆:Flutter如何画半圆(半圆) 然而,Paint 对象似乎只接受 Color(使用 Paint.color).我想添加一个 RadialGradient 或 LinearGradient 作为 Color.这可能吗? 解决方案 是的!这完全可以使用 Paint.shader. 您可以直接使用 dart:ui 创建渐变着色器,也可以使用 Gradie ..
发布时间:2022-01-23 12:08:28 其他开发

颤动设计曲线布局作为单个小部件

这里解决了有关设计此布局的问题. 我在使用它时遇到了问题,因为屏幕右侧的这条曲线不是小部件,当我想在绿色一侧有一些其他小部件时,我不能,因为设计的曲线不是小部件,它是从绿色中剪裁的布局. 假设我想在屏幕右侧有这条曲线,在下方有一些小部件. 源代码 import 'package:flutter/material.dart';无效的主要(){runApp(MaterialApp( ..
发布时间:2022-01-23 12:03:57 其他开发

如何在 Flutter 的 Canvas 上绘制 Widget?

有没有办法在 Canvas 的给定位置绘制 Widget? 更具体地说,我想在前面的单独 Canvas 上绘制与 FlutterMap 相关的 Marker 的子小部件实际的 FlutterMap 小部件.这是创建 CustomPainter 的尝试,但我不知道如何在画布上实际绘制小部件.使用 RenderObject 需要一个 PaintingContext,我不知道如何创建/检索: c ..

如何在 Flutter 中从画布上裁剪圆形(或方形或六边形)区域

我想裁剪一个矩形图像文件,使其成为圆形、正方形或六边形,然后将其保存为本地图像文件.我有一个位图,我想从这个位图中裁剪一个圆形或六边形区域.圆圈外的所有像素都应该是透明的.我该怎么做? 我在 android 中发现了类似的问题平台.但无法找到真正帮助或指导我在颤振中实现这一目标的好资源.请分享我实现这一结果的想法. 解决方案 这些简单的步骤就能得到所需的结果. 创建一个Pict ..

颤振有向图.我可以将 CustomPainter 类与自定义小部件一起使用吗?

我想用颤振构建一个如下图所示的有向图.我不知道从哪里开始.我在互联网上搜索没有成功.这种图需要哪些算法?我尝试使用自定义画家类构建此图.我不知道如何在自定义画家类中使用自定义小部件.(例如,旁边有人物图片和文字的矩形).我只能画矩形和线条......缩放和平移我认为我可以使用 GestureDetector 类.图表应该可以动态定制. 解决方案 你需要拆分任务. 使图层缩放和移动整个 ..
发布时间:2022-01-23 11:34:43 其他开发

使用自定义笔画帽在颤动中创建自定义圆形进度指示器

我需要创建这个百分比指标 我怎样才能做到这一点?我已经在 Flutter 中尝试过 percent_indicator 包,但主要问题是我们的strokeCap选项数量有限.我也试过用两个弧来做到这一点,但问题仍然存在.有没有办法创建自定义strokeCap,或者没有canvas.drawArc的另一种方法? 解决方案 您可以使用 CustomPainter 来实现这一点.以下是我的 ..

如何在Flutter中为自定义形状创建内部阴影?

下面是我想要给内部阴影的自定义形状: 下面是我用来创建此形状的代码:(文本部分不包含在代码中) 类TitleContainerPaint扩展了CustomPainter {@override无效油漆(帆布,尺寸){//TODO:实现绘画Paint x = Paint().. color = Colors.grey ..style = PaintingStyle.fill;路径a = Pat ..
发布时间:2021-05-08 20:17:19 其他开发

如何从Canvas CustomPaint擦除/剪切?

我已经尝试过将Canvas.clipPath和GestureDetector一起使用,就像在画布上的橡皮擦一样,我在Container中使用CustomPaint并将其设置为imageDecoration,所以我想也许还有另一种解决方法通过在设置 中使用Canvas.drawPath final Paint _eraserPaint = Paint() ..color = Color ..
发布时间:2020-11-09 04:06:56 其他开发

如何在Flutter中从画布裁剪圆形(或Square或Hexagon)区域

我要裁剪矩形的图像文件,并将其制成圆形,正方形或六边形,然后将其另存为本地图像文件.我有一个位图,我想从该位图裁剪圆形或六边形区域.圆外的所有像素都应该是透明的.我该怎么办? 我在 android 中发现了类似的问题平台. 但是找不到能真正帮助或指导我实现目标的好的资源.请分享给我实现此结果的想法. 解决方案 这些简单的步骤可获得所需的结果. 创建 PictureRecorde ..

如何在Flutter中使用Canvas裁剪png图像并删除未使用的空间?

此附件来自渲染的画布图像,该图像通过画布本地保存.在图像中,我绘制了要在画布中渲染并在本地保存没有左右多余空间的正方形框.我只想保存方形框并删除不必要的PNG图像空间.那么,该怎么做? 小工具源代码: return CustomPaint( painter: PngImageCropper(image: image), ); PngImageCropper代码 ..

用颤抖的画布在形状上切孔

如何用飘动的画布在形状上“切孔”? 我有一组相当复杂的形状,看起来像真实世界的对象。 我真的很想从形状中减去RRect,但是我找不到关于该怎么做的任何信息。 这个。 canvas.clipRRect(myRRect)会删除 myRRect 未涵盖的所有内容。我要相反。即在当前的一个或多个画布形状中创建一个 myRRect 形状孔。 解决方案 您可以使用 Path.combi ..
发布时间:2020-10-15 04:16:45 其他开发

使用自定义画笔在Flutter中遮罩两个图像

你好,谁能告诉我为什么这种掩盖尝试的背景是黑色的.这必须很近,但是我无法杀死背景.我看到其他人提到saveLayer(rect, paint)是这里的关键,因为这将整个画布推向了掩盖操作. 此问题(无屏蔽操作)和 main.dart import 'dart:typed_data'; import 'dart:ui' as ui; import 'package:flutter/cuper ..
发布时间:2020-05-06 04:28:44 其他开发