首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从onDragCompleted上的Draggable获取位置?

从onDragCompleted上的Draggable获取位置的方法是通过DraggableDetails对象来获取。在onDragCompleted回调函数中,可以接收一个DraggableDetails参数,该参数包含了拖动操作的相关信息,包括起始位置和结束位置。

要获取拖动结束时的位置,可以使用DraggableDetails对象的offset属性。offset属性是一个Offset对象,包含了拖动结束时的x和y坐标。

以下是一个示例代码:

代码语言:txt
复制
Draggable(
  // 设置key和child等属性
  onDragCompleted: (DraggableDetails details) {
    Offset position = details.offset;
    double x = position.dx;
    double y = position.dy;
    // 在这里可以使用x和y坐标进行后续操作
  },
  // 其他属性
)

在上述示例中,onDragCompleted回调函数接收一个DraggableDetails参数,通过details.offset可以获取拖动结束时的位置。可以将x和y坐标用于后续操作,例如更新UI或执行其他逻辑。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法给出具体的链接地址。但腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等,可以根据具体需求选择相应的产品进行使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【Flutter 组件集录】Draggable 与 DragTarget

: childWhenDragging Draggable 可以通过 childWhenDragging 属性指定在拖拽过程中原来位置组件。...如下,拖动时原来位置显示为 橙色小圆 和 删除图标。...onDragCompleted : 拖入目标区域,并松手完成时回调,无回调数据。 onDraggableCanceled:未在目标区域,拖拽取消回调,可以获取 Velocity 、Offset数据。...2.拖拽删除案例 如下示例,通过拓展组件目标到指定位置进行移除,通过 Draggable 和 DragTarget 联合就很容易实现。...代码实现如下,通过颜色数组 colors 生成不同颜色 Draggable ,并拥有 int 泛型,传递数值为可拖拽组件索引,这样在 DragTarget onAccept 中可以获取拖入进索引数据

92020
  • Flutter 史上最牛拖动控件 Draggable

    把一个控件当前位置移动到另一个位置。可能需求最多就像是支付宝应用页面的编辑: ? 比如,我想把最近使用 红包 添加到 我应用 当中,支付宝这里是用 + 号。...不慌,Flutter 也为我们提供了相关 Widget。 Draggable Flutter 如果要实现这种效果,那么非 Draggable 不可。 照例我们查看官方文档。...其他参数看名字也都能明白: onWillAccept 拖到该控件时调用 onAccept 放到该控件时调用 onLeave 没有放到该控件时调用 那我们这里只需要一个确认已经放到该控件时回调,来接收我们传过来值...build 代码,但是还需要改造一下我们 Draggable 。...还需要删除我们源数据,那也就是要监听拖动结束回调,这里就是 onDragCompleted

    3.5K42

    如何获取对方IP,查询对方位置

    那么对方IP地址该如何搜查得到呢?这样问题你也许会嗤之以鼻,的确,查询对方计算机IP地址,实在简单得不值得一提;可是,要让你列举出多种IP地址搜查方法时,你可能就感到勉为其难了。...下面,本文就对如何快速、准确地搜查出对方好友计算机IP地址,提出如下几种方法,相信能对大家有所帮助!...为方便叙述,本文就以KV2004防火墙为例,来向大家介绍一下如何搜查对方好友IP地址:   考虑到与好友进行QQ聊天是通过UDP协议进行,因此你首先要设置好KV防火墙,让其自动监控UDP端口,一旦发现有数据...例如,借助一款名为WhereIsIP搜查工具,你可以轻松根据对方好友Web网站地址,搜查得到对方好友IP地址,甚至还能搜查到对方好友所在物理位置。...当然,除了可以知道IP地址外,你还能知道对方好友所在具体物理位置

    6.5K30

    如何获取目标基因转录因子()——Biomart下载基因和motif位置信息

    科研过程中我们经常会使用Ensembl(http://asia.ensembl.org/index.html) 网站来获取物种参考基因组,其中BioMart工具可以获取物种基因注释信息,以及跨数据库...在参考基因组和基因注释文件一文中有详细介绍如何在Ensembel数据库中获取参考基因组和基因注释文件。(点击蓝字即可阅读) 生信分析中,想要找到感兴趣基因转录因子结合位点,该怎么做呢? 1....文件准备 首先需要准备以下3个文件,后面两个文件可以在ensembl网站中下载: 感兴趣基因名称列表(1列基因名即可) 基因组中各基因位置信息列表(6列bed文件) 基因组中各转录因子结合位点信息列表...ID Gene name Strand 染色体名称(例如chr3) Gene起始位点 Gene终止位点 Gene stable ID Gene name 定义基因所在链方向,+或- 注:起始位置和终止位置以...将上述下载两个文件分别命名为 GRCh38.gene.bed和 GRCh38.TFmotif_binding.bed ,在Shell中查看一下: 基因组中每个基因所在染色体、位置和链信息,以及对应

    8.5K40

    长亭wiki获取我想要数据

    本文作者:myh0st 那么,如何寻找喜欢分享,有可能加入我们同学呢? 通常有自己博客朋友都可以算作是喜欢分享,技术能力是次要,只要爱分享就是我们所寻找有缘人。 那么如何寻找有博客朋友呢?...,所以这就是一个比较好资源库,有大量喜欢分享朋友在上面,所以这就是我目标。...今天主题是长亭 wiki,也就是 wiki.ioin.in。 获取 wiki 平台上所有的文章链接 这个工作肯定不是通过纯手工可以搞定,必须使用工具,那么自己写工具吗?...分析获取链接数据 拿到结果之后,我们要把这里面涉及网站做个统计,看看哪些网站出现次数最多,发布文章最多,这里可以使用 linux 下两个命令:sort 、 uniq。...下面就可以看小伙伴博客,如果内容比较好,我就联系大家了。

    1.8K00

    涨姿势——教你如何获取图片文字

    “ 涨姿势——教你如何获取图片文字” 同事写了一句很美丽句子,我叫他发了一下给我,我想收藏,结果他却截图,截图,截图 给我,我很方…… 看了看图片,想到了现在图片识别,我没有什么好方法能快速识别图片文字...1— 我们想法总是会使我们前进 那我们目的就非常清楚,我们需要做就是将图片文字提取出来,然后得到我们文字信息。...02— 代码实现 获取到接口,那接下来就是去实现它: 首先来解决一下 access_token 我们需要使用到另外一个接口, access_token= 'https://aip.baidubce.com...然后是获取access_token代码: headers={'Content-Type': 'application/json; charset=UTF-8'} host = 'https://aip.baidubce.com...,那我们接下来拿出我们准备图片, 获取图片文字代码: file = open("图片地址", 'rb') image = file.read() file.close() webimage=requests.post

    3.1K50

    如何FirewallD迁移到CentOS 7Iptables

    该iptables 命令实际是单独使用firewalld,但默认情况下该iptables 服务未安装在CentOS 7。...在本指南中,我们将演示如何iptables在CentOS 7安装服务并将防火墙firewalld迁移到iptables。...我们在上面提到,firewalld守护进程实际利用该iptables命令与netfilter内核钩子通信。因此,我们可以使用该iptables命令转储当前规则。...用ip6tables做同样事情: sudo ip6tables -S | tee ~/firewalld_ip6tables_rules 根据活动firewalld区域,已启用服务以及firewall-cmd...这些文件包含我们启动iptables服务时将读取和应用规则。 如何构建防火墙规则取决于是否已安装该system-config-firewall进程并用于管理这些文件。

    1.2K00

    【转】如何将MySQL数据目录更改为CentOS 7位置

    当它们与操作系统其他部分位于同一分区时,也可能遇到I / O争用。RAID,网络块存储和其他设备可以提供冗余和其他所需功能。...如果您还没有安装MySQL,CentOS 7指南中的如何安装MySQL可以帮助您。 在这个例子中,我们将数据移动到一个块存储设备/mnt/volume-nyc1-01。...您可以在DigitalOcean指南“ 如何使用数据块存储”中了解如何设置。 无论您使用何种底层存储,本指南都可以帮助您将数据目录移到新位置。...改变后面的路径来反映新位置。...总结 在本教程中,我们已经将MySQL数据目录移到新位置,并更新了SELinux以适应调整。尽管我们使用是块存储设备,但是这里说明应该适用于重新定义数据目录位置,而不考虑底层技术。

    2.9K30

    教你如何快速 Oracle 官方文档中获取需要知识

    https://docs.oracle.com/en/database/oracle/oracle-database/index.html 如图,以上 7.3.4 到 20c 官方文档均可在线查看...11G 官方文档:https://docs.oracle.com/cd/E11882_01/server.112/e40402/toc.htm 这里以 11g R2 官方文档为例: 今天来说说怎么快速官方文档中得到自己需要知识...SQLJ Developer’s Guide ,SQLJ,在 pub听到了这个东西。...具体还没深入了解,但是感觉还是比较先进好用,当 plsql没有办法完成任务时候,可以使用 java存储过程来解决,比如说想要获取主机目录下文件列表。...(建议部署环境时候还是过一遍这里面的文档,网上文章因为环境差异可能在现有的硬件基础出现这样那样问题。

    7.9K00

    如何突破单细胞数据获取门槛:GEO到Cell Ranger

    书接上回,一步步尝试代码复现,然后,我们就来到了Figure 2.I,乍看只是平平无奇堆叠图嘛,殊不知这是多个外部数据集整理后对比~ 在文章External dataset mapping部分,作者给出了这几个数据集来源...获取到lH5AD 格式文件,处理起来更有头绪~ Data from Li et al. were downloaded from NCBI GEO (GSE190965) and directly read...六个数据集,又可以get六个经验值,那就赶紧学习起来~ 先从第一个数据集开始,上来就是fastq文件,需要cellranger加工一下,那就开始吧—— 获取数据 E-MTAB-9139 < ArrayExpress...我们应该如何对应样本信息呢?...该名称是任意,将用于命名包含所有管道生成文件和输出目录。只允许使用字母、数字、下划线和连字符(最多 64 个字符)。 --output-dir 【非必要】用于存储运行结果自定义输出目录路径。

    17410

    0812-5.16.2-如何获取CDSW提交Spark作业真实用户

    异常描述 在一个CDSW环境中,由于其中一个租户经常提交大型Spark作业将YARN租户所在资源池资源用到95%以上,从而影响到同一租户下其他用户提交作业运行。...3.在SparkUI找到该作业,并点击“Environment”,可以看到参数列表中打印了提交Spark作业用户 ?...总结 1.该方式是将CDSW登录实际用户以Spark参数形式带到Spark作业中,具体做法是在CDSWSession启动时自动将参数写入到Project下spark-defaults.conf...文件中,写入到此配置文件中参数能够在SparkUI直接看到。...2.针对CDSW每个Project,在修改Spark配置重启CDSW之后首次Session时,会将实际提交人用户名这一参数自动写入 spark-defaults.conf文件中,但是在首次Session

    83640

    如何理论评估算法时间复杂度

    第一个定义是说,最后总存在某个点 ,它以后 总是至少与T(N)一样大,从而若忽略常数因子,则f(N)至少与T(N)一样大。在以上例子中,T(N) = 1000N, , 而c=1。...三、计算运行时间一般方法当然最好方法是将两个程序都写出来并运行来比较时间,下面介绍在运行之前如何对两个时间复杂度明显不同程序进行区分。为了简化分析将采用如下约定:不存在特定时间单位。...if( Condition) S1else S2法则5---递归:一般转换求解递推公式范围。其他法则是显然,但是,分析基本策略是内部(或最深层部分)向外展开。...若递归实际只是被薄棉纱遮住for循环,则分析通常是很简单。例如,下面的函数实际就是一个简单for循环,从而其他运行时间为 。...此时总时间需求为 ,其中“2”指的是第4行工作加上第7行加法。

    1.9K10

    妙啊!纯 CSS 实现拼图游戏

    如何让一个元素从一个固定位置通过拖拽,停留在另外一个位置?...利用 draggable 属性实现元素拖拽 基于上述第一点,如何让一个元素变得可以拖拽,这是最容易解决。...CodePen Demo -- HTML draggable Demo 实现元素位置A到位置B移动 OK,接下来难点就在于,如何将元素位置A移动到位置B。...利用事件冒泡,我们可以让元素在拖拽过程中,让触发器显示,并且通过鼠标释放后立即触发了触发器 hover 事件,让元素位置 A,移动到了位置 B,实在是妙不可言!...最后,我们只需要让触发器位置,与我们希望元素去到位置,保持一致,即可实现拼图原理: 完整单个元素 A 点通过拖拽到移动到 B 点 DEMO,你可以戳这里:CodePen Demo -- HTML

    78720

    计算机视觉领域如何别人论文里获取自己idea?

    编辑:Amusi 来源:知乎 https://www.zhihu.com/question/353691411 本文仅作为学术分享,如果侵权,会删文处理 计算机视觉领域如何别人论文里获取自己idea...找40篇比较新oral paper 最好是开源、你能看懂、尽可能时髦、大佬点赞。 然后画一个40*40矩阵。。...作者:张小雨 https://www.zhihu.com/question/353691411/answer/899997687 论文题目,概要,引言,结论和讨论入手。...其次,概要入手,看论文主要针对什么问题,大概方法是什么,最后结论是什么。牢牢把握住这三点。 最后看讨论和结论部分,这里往往是寻找idea重点所在。...另外,对论文整理归类也十分重要,看得有一定数量以后,就会明白,针对某一个问题,主要研究方法有哪些,做程度如何,理解需要改进,深入,补足,问题迁移到其他领域甚至是提出创新性方法地方,这都是平时点滴积累

    1.3K20
    领券