Flutter:如何创建xy网格以精确地将图标放置在需要的位置
Flutter是一种跨平台的移动应用开发框架，可以用于快速构建高性能、美观的移动应用程序。在Flutter中，可以使用网格布局来精确地将图标放置在需要的位置。
要创建一个xy网格，可以使用Flutter中的GridView组件。GridView是一个灵活的布局组件，可以将子组件放置在二维网格中。以下是创建xy网格的步骤：
- 导入GridView组件：
- 导入GridView组件：
- 创建一个包含图标的列表：
- 创建一个包含图标的列表：
- 创建一个GridView组件，并指定网格的行数和列数：
- 创建一个GridView组件，并指定网格的行数和列数：
- 在这里，x代表网格的列数，可以根据需要进行调整。
- 将GridView组件放置在页面的合适位置：
- 将GridView组件放置在页面的合适位置：
- 这里使用了Scaffold组件作为页面的基本布局，并将GridView放置在居中位置。
通过以上步骤，就可以创建一个包含xy网格的Flutter应用程序，并将图标精确地放置在需要的位置。
关于Flutter的更多信息和学习资源，可以参考腾讯云的Flutter开发者指南： Flutter开发者指南
注意：以上答案中没有提及云计算品牌商，如有需要可以自行搜索相关品牌商的产品和文档。
相关·内容
我想要创建一个可移动的水平滑块来跟踪任务的“进度”，并在滑块的上方放置图标，这些图标表示进度中的某些里程碑。SizedBoxes和图标的图标，但这是不准确的，而且非常不稳定，因为能够从数据库中定位动态数量的图标及其位置，例如。我已经研究了google图表和同步笛卡尔图表，这将允许我在两行双网格上定位点，例如(0
浏览 18提问于2020-12-06得票数 1
回答已采纳
1回答
我正在实现应用程序中的行为，它将根据屏幕大小调整主内容区域的大小。(内容区域由用户可以放置/绘制的图标和其他元素组成)示例：我需要将子元素的位置“缩放”到容器的大小。元素的位置是所有需要缩放的，而不是的大小。
如
浏览 4提问于2015-04-25得票数 3
回答已采纳
1回答
我见过一些人做了一个AR类型的例子，他们在一个区域中有他们的自定义对象来交互，或者另一个例子是你沿着一条线到达目的地的方向。
我唯一搞不懂的就是如何将三维物体精确地放置到场景中。人们是如何将这些数据放在正确的位置上的？我已经设置了一个区域，AR演示看起来很有希望，但我不会用手指的点击来放置对象。我想要做
浏览 6提问于2017-01-24得票数 1
回答已采纳
我很难找到一个解决方案，我需要在背景图像上放置可点击的PNG图标(如图所示)。图标的排列是预先定义的，但是是任意的，而且不是线性的，因此将PNGs放置在一个网格中是次优的。我尝试在BG图像(指定为CSS background-image:)之上的<div>中使用SVG圆圈，获取圆圈的坐标，并将坐标分
浏览 3提问于2020-11-23得票数 0
screen = pygame.display.set_mode((1200, 700))Game().main(screen)所以现在我在游戏中遇到的碰撞只在部分时间内起作用。当你按下空格键时，你在鼠标的位置产生了&#
浏览 1提问于2014-02-09得票数 0
2回答
@Edit更改了标题，这是误导性的，很抱歉。也有研究的不足，会尽量不犯同样的错误。我将保留原来的问题，但是M123 awnser已经足够了，谢谢。@Original So，我是Flutter的新手，我上过一些udemy课程，但我的知识对这个挑战还不够……我需要创建一个不可滚动的网格，这个网格必须能够容纳不同类型的小部件，具有不同的</em
浏览 20提问于2020-09-24得票数 0
回答已采纳
我试图从文件中导入一个三角形网格(例如，.3ds、.dae)。然而，一些面孔(三角形)似乎被忽视了。如果我在导入前将模型缩放10倍，那么三角形是很有技巧的。有没有办法强迫sketchup加载所有的面，即使是小的面？如果我收缩模型，那么问题就更严重了：
但如果我把的规模扩大到足够高的程度
浏览 1提问于2016-04-04得票数 2
我想使用记分卡表中的最新日期值，知道如何在DataStudio报告中导入这个日期值吗？没有像“最大日期”这样的选项，类似于数字值中使用的最大值。只有计数选项：
( 2)还有一个问题:是否可以在文本字段中插入日期函数？可能不对？如果我想用日期加入我的文字行
你好，尼姆，谢谢你的帮助，如果我想在2项维表中显示最后3天的数据呢？在</e
浏览 4提问于2020-05-02得票数 2
回答已采纳
我试图在我的应用程序中精确地以指定的矩形显示一个窗口：它似乎有左右边距。还有底限。看上去大概有8个像素。就像系统一样，通过指定“左”、“顶”、“宽度”和“高度”属性，拒绝将窗口放置在我告诉它的位置。但是，当我将WindowStyle设置为None，将AllowsTransparency设
浏览 3提问于2016-02-20得票数 1
回答已采纳
我注意到，在GNOME 3.38中，当我将码头的位置更改为底部时，然后在应用程序网格中，图标大小、行和列会根据需要自行调整。我认为它们从4x6到3x8，所以一切看起来都是成比例的。但是，当我在以前版本的GNOME中将停靠位置更改为底部时，应用程序网格保持在4x6中，图标变得很小，以适应自己的<
浏览 0提问于2020-12-08得票数 3
我是jqgrid的新手。我想创建一个带有subgrid的jqgrid，我已经从trirand.com获得了它的代码。但在本例中，显示子行或子网格的子网格图标默认位于所有行的第一位。如何将图标的位置更改为任何其他列，以使列数据文本和(+)图标位于表格的同一单元格中。由于我的数据是JSON格式，并且图标</
浏览 3提问于2017-09-11得票数 1
我想使用flutter内置图标作为资源。所以我想要所有颤动图标都位于flutter安装的flutter文件夹中的默认位置。
浏览 74提问于2021-01-06得票数 0
回答已采纳
我正在尝试创建一个基于瓦片的网格，我需要让X-Y坐标包含更多的值，而不仅仅是X-Y位置，以确定瓦片的特征，比如资源(例如在游戏的上下文中，在瓦片中它可能包含食物，水，石头，木材等)。例如，我将使用一个2x2的平铺网格:让我们假设这些是画布显示的平铺(x[1]y[2]),(x[2]y[2])
这些是我希望坐标保持
浏览 5提问于2017-06-30得票数 1
回答已采纳
2回答
颤振图像未显示
、、、
我在“-”和图像路径之间使用了选项卡。我还创建了一个名为assets的文件夹和一个子文件夹slider_icons，并在其中包含了我的图像。我的pubspec.yaml就是这样的， - assets/slider_icons/burger.pngslider_icons/cup.png
- assets/slider_ico
浏览 10提问于2020-11-08得票数 0
回答已采纳
1回答
好的,
所以我有一种情况，一个边框被缩放(有时是很大的比例)并被转换。在边框内是一个网格，在网格内是两个图像，一个是照片，被拉伸到边框的大小，另一个，我打算成为一个图标，它需要在左下角有固定的大小。问题是，我想要删除缩放对图标的影响。这是因为我给了图标一个固定的大小，并希望它保持这个大小，但不幸的是，从边界的缩放正在向下传播边界的</em
浏览 0提问于2010-09-21得票数 0
回答已采纳
1回答
我正在DX11下做一些自制的菜单。我正在创建开始时的rect菜单，所有菜单都位于0,0位置。每个菜单都包含一些选项行。一切都是以转换后的顶点(例如-1..1坐标)创建的。因此，我需要抵消网格顶点，我试图在顶点着色器内完成。+ RectShow.xy, input.Pos.z, 1); return output;在我<e
浏览 0提问于2022-11-29得票数 0
回答已采纳
1回答
对于一个单词游戏，在一个网格中，不同的字母在不同的瓷砖()中输入，我必须创建一个6*6的网格(我使用_ and \)，然后对它执行如下操作：
到目前为止，我已经成功地
浏览 3提问于2017-10-29得票数 1
因此，我创造了一个无限的世界，使用Perlin噪音，但我无法理解，我如何把树放在我的世界，就像它放在游戏法托里奥。我的游戏是2d自上而下。
浏览 0提问于2020-05-20得票数 1
我有一个用箭头和标签注释x轴上某个特定位置的图：
箭头应该是垂直的，因此箭头的钝端的x坐标(和文本标签)也应该精确地在数据坐标中指定。，而不管我如何缩放或平移y轴。我可以通过将混合的x-y转换传递给ax.text来达到纯文本标签的预期效果。ax.text(r, 0.9, label, fonts
浏览 7提问于2015-05-18得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
