Flutter创建无限屏幕

2024-04-12

我想象一种新的屏幕,我想用 Flutter 来实现,因为它非常强大,可以快速、流畅地渲染。

我想要实现一种无限的屏幕,带有可以移动的正方形或区域。实际上就像一张地图(实际上不是无限的,而是非常大),但我可以:

  • 拖动并翻译
  • 放大和缩小
  • 单击并按下屏幕的不同组件(方形或其他)

我想象使用GestureDetector在我的小部件“地图”上结合transform在每个组件 insde 上并在每次移动后刷新屏幕,或者使用以下命令重新绘制每个组件draw但我不确定这是遵循这一点的最佳方式。

感谢您的帮助,如果您有任何想法!


除了“无限地图”之外,我已经实现了您要求的部分内容。 该代码非常强大,所以我在一个中描述了这些东西媒体上的文章 https://medium.com/@alexander.arendar/dragging-zooming-and-placing-object-on-indoor-map-with-flutter-67667ef415ec。 它允许:

  • 通过拖动来移动地图
  • 在地图上放置新对象
  • 放大/缩小
  • 单击对象

GitHub 仓库 https://github.com/AlexanderArendar/overflow.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter创建无限屏幕 的相关文章

随机推荐

  • 如何在 Android Studio 中使用不同的模拟器

    我在 Android Studio 中构建 qemu 模拟器时遇到问题 还有一些其他的 Android 模拟器 如何配置 Android Studio 使用不同的模拟器 我用的是leapdroid模拟器http www leapdroid
  • Java更改和移动非标准XML文件

    我正在使用第三方应用程序 并且想要更改其文件之一 该文件以 XML 格式存储 但文档类型无效 当我尝试读取 use a 时 它会出错 因为文档类型包含 file ReportWiz dtd 如图所示 带引号 我得到一个找不到文件的异常 有没
  • 如何用unicode文件名c++读取二进制文件?

    在我正在从事的项目中 我处理了相当多的字符串操作 字符串从二进制文件及其编码 可以是单字节或双字节 中读取 本质上 我将字符串值读取为vector
  • IntelliJ:“构建”>“重建项目”菜单项与 Maven 全新安装

    For a Maven https en wikipedia org wiki Apache Maven驱动的项目IntelliJ https en wikipedia org wiki IntelliJ IDEA2018年 我该选择什么时
  • 重写内部 UIViewController 方法,因为内部方法给我带来了错误

    重写 UIViewController 内部方法会产生什么后果 UIViewController viewDidMoveToWindow shouldAppearOrDisappear 给我带来了一些问题 它将我的框架调整为我不想要的值有时
  • 在 Spark 中获取上周一

    我正在使用 Spark 2 0 和 Python API 我有一个数据框 其中有一列类型为 DateType 我想在包含最近星期一的数据框中添加一列 我可以这样做 reg schema pyspark sql types StructTyp
  • Chrome 和溢出:隐藏的问题

    在我的 javascript 中我使用 jqueryanimate 自动滑动推文的功能 Code function movefeeds var element jQuery Feeds var position element positi
  • 如何使用 XMLHttpRequest 传递 php 会话

    我遇到的问题是 我正在通过 XMLHttpRequest 从已设置会话 cookie 的页面调用服务器上的 php 脚本 问题是我的页面调用的脚本为每次调用创建一个新的 session id 并且不使用现有的 session id 来存储我
  • tlbexp.exe 更改方法名称的大小写

    我有一个相当奇怪的问题 我正在将接口从 C 库导出到 COM 我已启用 使用 COM 注册 项目设置 因此它调用 tlbexp exe 来创建类型库 我们在方法名称上使用驼峰式大小写 我注意到导出的类型库将这些恰好与类名一致的方法更改为 P
  • 防止在设计时调整高度尺寸

    我正在开发自定义用户控件 如何防止在设计时界面期间修改控件的仅高度 您可以覆盖SetBoundsCore http msdn microsoft com en us library system windows forms control
  • 使用 JavaScript 将 DOM 元素添加到 Body 的最佳方法

    我需要在每个页面上放置此代码 document body innerHTML div style text align center div class card style background EC2D2D padding 20px 0
  • 构建成功但没有可编译的源代码

    Eclipse 控制台中的 Maven 测试输出 INFO Scanning for projects WARNING WARNING Some problems were encountered while building the ef
  • SSL iOS9 SSL 握手失败。我检查了 openssl & 我的服务器使用 tls 1.2V

    我从 iOS 9 中的应用程序中收到这些错误 它在 iOS 8 上运行良好 我的服务器使用的是 tls v1 2 所以 我不知道问题出在哪里 2015 08 04 16 52 24 319 Entumano 676 59469 CFNetw
  • Android 中 Thread.sleep 方法的替代方法

    我有这个按钮 当单击该按钮时 会将我的文本字段中输入的详细信息保存到 Google App Engine 在调用该 onClickListener 之后 我有一个意图启动一个新活动 该活动显示我刚刚输入的详细信息 这是代码 submitBu
  • Cassandra DB 中的日期插入:重要的 1 小时轮班问题(后续)

    这是这个的后续其他原帖 https stackoverflow com questions 23080188 date insertion in cassandra db non trivial 1h shift issue 2308355
  • 在格子 xyplot 上添加标签

    我创建了一个带有格子的 xyplot library lattice X1 c 5 2 1 3 X2 X1 2 names paste dot 1 4 sep xyplot X2 X1 data data frame X1 X2 pch 2
  • Laravel 5:请求验证多维数组

    我有提交多维数组的表单 喜欢 slide 1 title slide 2 title 现在我使用 Request 类来定义我的规则 如何循环遍历此类中的所有数组项 我试过 public function rules return id gt
  • 为什么没有List.skip和List.take?

    为什么没有List skip和List take 当然有 Seq take 和 Seq skip 但它们不会因此创建列表 一种可能的解决方案是 mylist gt Seq skip N gt Seq toList 但这会创建第一个枚举器 然
  • dplyr 流中参考当前 data.frame

    如何在 dpylr 流中引用当前的 data frame 举个例子 在 library dplyr myresults tribble dataset name method group method value iris other a
  • Flutter创建无限屏幕

    我想象一种新的屏幕 我想用 Flutter 来实现 因为它非常强大 可以快速 流畅地渲染 我想要实现一种无限的屏幕 带有可以移动的正方形或区域 实际上就像一张地图 实际上不是无限的 而是非常大 但我可以 拖动并翻译 放大和缩小 单击并按下屏