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

Android -拖动期间添加的视图未注册为拖放目标

Android中,拖动期间添加的视图未注册为拖放目标是指在拖动操作过程中,如果想要将某个视图作为拖放目标,需要先进行注册的操作。

在Android中,拖放操作可以通过使用Drag and Drop框架来实现。该框架提供了一套API,用于处理拖动和放置操作。在进行拖动操作时,需要将拖动的视图注册为拖放目标,以便能够接收拖动的数据。

要将视图注册为拖放目标,可以通过以下步骤进行操作:

  1. 创建一个实现了View.OnDragListener接口的监听器对象,用于处理拖放事件。
  2. 在监听器对象中,实现onDrag()方法,该方法会在拖动事件发生时被调用。
  3. 在需要注册为拖放目标的视图上调用setOnDragListener()方法,将监听器对象设置为该视图的拖放监听器。

注册完成后,当有拖动操作发生时,拖动的视图会触发拖放事件,并将事件传递给注册的拖放目标视图。在拖放目标视图的onDrag()方法中,可以处理接收到的拖放数据,并进行相应的操作。

对于这个问题,如果在拖动期间添加的视图未注册为拖放目标,可能会导致该视图无法接收拖放数据,从而无法进行相应的操作。因此,在添加视图时,需要确保将其注册为拖放目标,以便能够正常处理拖放操作。

腾讯云相关产品中,与Android开发相关的云服务包括移动推送、移动分析、移动测试等。这些服务可以帮助开发者更好地管理和优化移动应用的推送、分析和测试等功能。

  • 腾讯移动推送:提供消息推送、用户标签管理、推送统计等功能,帮助开发者实现个性化消息推送。详情请参考:腾讯移动推送
  • 腾讯移动分析:提供应用数据分析、用户行为分析、漏斗分析等功能,帮助开发者深入了解用户行为和应用性能。详情请参考:腾讯移动分析
  • 腾讯移动测试:提供移动应用的自动化测试、性能测试、兼容性测试等功能,帮助开发者提高应用质量和稳定性。详情请参考:腾讯移动测试
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Jetpack DragAndDrop 库——拖放操作如此轻松!

△ 简单拖放示例 虽然 Android 很早以前便一直支持拖放操作 (DragEvent 在 Android 3.0 即 API 级别为 11 中引入),但事实证明实现对处理手势、事件、权限和回调全面支持并不容易.../* Copyright 2021 Google LLC.SPDX-License-Identifier: Apache-2.0 */ // 将视图设置拖动以共享文件。..., "image/*"), // 配置放置目标的选项 DropHelper.Options.Builder() // 要确保正确高亮放置目标,所有放置目标视图层级内...否则目标视图 EditText 而不是目标视图 // 将在拖放操作中获得焦点。...... } 了解更多 更多详情请参阅给 Android 开发者 拖放指南,通过 大屏幕示例 更深入了解 DropHelper 实践。

1.3K20

Jetpack 叒一新成员 DragAndDrop 框架:大大简化拖放手势开发!

这个手势通常表现为在触摸屏上长按拖动或者非触摸屏上单击并用鼠标拖动,最后在目标位置放下。...来看一个 App 内典型拖放效果: 尽管 Android 一直长期支持拖放手势实现(比如早在 Android 3.0 即加入 DragEvent API),但事实证明:想要完整、顺畅地实现针对过程中手势...Android 平台原生已经支持从输入框控件 EditText 拖动文本,但我们强烈建议开发者实现用户从其他控件拖动数据手势,支持数据类型除了文本以外,还能包括图片、文件等任意类型。...使用起来很简单,将需要监听视图包装进来并开始监听。框架会在拖动手势触发时候回调过来,之后进行一些简单配置即可。...DRAG_FLAG_GLOBAL or DRAG_FLAG_GLOBAL_URI_READ) ) }.attach() DropHelper 另一个核心工具类 DropHelper,则关心拖动数据放下时机和目标视图

78220

【前端拖拽组件库】最强开源高性能组件库Pragmatic-drag-and-drop简介与分析

一、核心能力1.低等级拖放功能Pragmatic-drag-and-drop包含一个核心包和许多可选包,提供任何你想创建拖放功能。...二、核心包&其他包Pragmatic-drag-and-drop核心包包括任何拖放体验所有基本构建块,核心包是 vanillaJS 库(用 TypeScript 编写),可以与任何视图库(例如react...combine( draggable({ element: myElement, }), dropTarget({ element: myElement, }),);4.可选包hitbox:在拖动目标时向放置目标添加其他信息...react-drop-indicator:渲染放下时指标flourish:使拖动操作更绚丽多彩效果(例如,drop 时闪光)auto-scroll:拖动操作期间更绚自动滚动效果react-accessibility...四、实操教程下面我们将根据官网一个实例,学习使用 Pragmatic-drag-and-drop实现一些基本功能,包括可拖放拖放目标和监视器,我们将创建一个带有可拖动棋子棋盘,效果图如下:1.构建可拖动棋子我们第一步是允许棋子被拖动

68710

Android Studio 中 System Trace 新增功能

System Trace 事件按命名添加了对应颜色 更加直观导航 新 Trace UI 使用了改进时间轴导航方案,我们用主要 - 细节视图替换了以前水平滚动条。...使用范围选择器来专注于时间轴一小部分 在这里您可以进行更加精细导航操作: 使用 Ctrl (在 Mac 上 Cmd) + 鼠标滚轮进行缩放; 按住空格键同时左右拖动鼠标可平移视图; 使用 "WASD...从 Android Studio 4.1 Canary 9 开始,您可以通过拖动鼠标在  Thread  部分进行框选。...框选、拖放与缩放 分析面板 说到分析,我们想着重聊一聊 Android Studio 4.0 中引入新  Analysis Panel ,它位于  Profiler 窗口右边一列。...作为补充,我们在 Android Studio 4.1 Canary 10 中添加了  Summary  选项卡,用于展示线程状态分布、跟踪事件统计等信息。

2.6K50

drag事件详解:html5鼠标拖动排序及resize实现方案分析及实践

,被拖拽对象离开目标对象时触发拖动事件列表每一个可拖动元素,在拖动过程中,都会经历三个过程,拖动开始-->拖动过程中--> 拖动结束在拖动目标上触发事件 (源元素-被拖动元素):ondragstart...dragover -> dragleave -> drop ->dragend目标对象事件:drop:源对象拖放目标对象中,目标对象完全接受被拖拽对象时触发,可理解目标对象内松手时触发。...如果拖动操作不涉及拖动文件,此属性是一个空列表。dropEffect获取当前选定拖放操作类型或将操作设置新类型。...在 dragenter 和dragover 事件处理程序中,该属性将设置在dragstart 事件期间分配任何值,因此,可以使用effectAllowed来确定允许哪个效果。...move:应该把拖动元素移动到放置目标copy:应该把拖动元素复制到放置目标link:表示放置目标会打开拖动元素(但拖动元素必须是一个链接,有URL)chrome 默认是显示一个绿色加号,设置

6.1K21

Vue.Draggable 文档总结

特性 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间拖拽 不以jQuery基础 和视图模型同步刷新 和vue2国度动画兼容 支持撤销操作 当需要完全控制时,可以抛出所有变化 可以和现有的...选择器字符串,使列表单元中符合选择器元素成为拖动手柄,只有按住拖动手柄才能使列表单元进行拖动 filter: selector 格式简单css选择器字符串,定义哪些列表单元不能进行拖放,...格式简单css选择器字符串,定义哪些列表单元可以进行拖放 ghostClass: selector 格式简单css选择器字符串,当拖动列表单元时会生成一个副本作为影子单元来模拟被拖动单元排序情况...,此配置项就是来给这个影子单元添加一个class,我们可以通过这种方式来给影子元素进行编辑样式 chosenClass: selector 格式简单css选择器字符串,目标被选中时添加...dragClass:selector 格式简单css选择器字符串,目标拖动过程中添加 forceFallback: boolean 如果设置true时,将不使用原生html5拖放,可以修改一些拖放中元素样式等

8.6K20

【实战技巧】VUE3.0实现简易拖放列表排序

拖拽操作期间,会有一个可拖拽元素半透明快照跟随着鼠标指针。...首先给被拖放元素添加 draggable 属性并添加 dragstart 事件处理函数 定义拖放数据,本例定义是拖拽元素id 定义一个释放区域,添加 drop 和 dragover 事件处理函数...,并阻止默认事件 处理拖放数据 拖放结束,添加 dragend 事件处理函数例子 代码 <div id="child...在dragstart中记录下旧<em>的</em>索引 在dragover中记录下新<em>的</em>索引,每次经过一个都会更新 在drop事件中处理数组,删掉旧<em>的</em>元素,在<em>目标</em>索引<em>添加</em>新<em>的</em>元素 //简略后<em>的</em>伪代码 详情请查看源码 <div..., 0, changeItem); }; 最终实现 接下来<em>的</em>开发计划 拖拽到<em>目标</em>位置后会有位置提示 支持拖拽到其他标签下 <em>添加</em>拖拽动画 拖拽动画这里我试了vue内部<em>的</em> transition-group

1.9K40

html5鼠标拖动排序及resize实现方案分析及实践

这里,我暂时把被拖放元素称为源对象,被经过元素称为过程对象,到达元素称为目标对象。不同对象产生不同拖放事件。...,被拖拽对象离开目标对象时触发 目标对象事件: drop:源对象拖放目标对象中,目标对象完全接受被拖拽对象时触发,可理解目标对象内松手时触发。...text/uri-list 注:如果给定类型数据不存在,则将其添加拖动数据存储末尾,使得dataTransfer.types列表中最后一个项目将是新类型。...应该在dragstart事件中设置此属性,以便拖动源设置所需拖动效果。...在 dragenter 和dragover 事件处理程序中,该属性将设置在dragstart 事件期间分配任何值,因此,可以使用effectAllowed来确定允许哪个效果。

3K10

H5拖放原生js将图片拖放另外一个元素里

在 HTML5 中,拖放是标准一部分,任何元素都能够拖放 2:元素拖放 draggable 属性设置 true 3:元素中拖放事件 通过拖放事件...其中最关键地方在于确定那里发生了拖放事件,有些事件是在被拖动元素上触发,而有些事件是在放置目标上触发。...触发dragstart事件后,随即会触发drag事件,而且在元素被拖动期间会持续发送该事件。 当拖动停止时(无论是把元素放到了有效放置目标,还是放到了无效放置目标上),会触发dragend事件。...紧随其后是dragover事件,而且被拖动元素还在放置目标的范围内移动时,就会持续触发该事件。...4:dataTransfer对象(ps:这个属性,是通过监听事件得来) dataTransfer对象,它是事件对象一个属性,用于从被拖动元素向放置目标传递字符串格式数据。

2K30

HTML5 拖放API与Vue.js实战

拖放 API 将可拖动元素添加到 HTML,使我们可以构建包含可以拖动具有丰富 UI 元素 Web 应用。 在本文中我们将用 Vue.js 构建一个简单看板应用。...可以通过 DataTransfer API 把通过拖动操作传输数据保存在拖动数据存储区中,这个 API 提供了在拖放操作期间存储和访问数据方式。...,将会在启用拖放元素上触发以下事件: Dragenter:当一个元素被拖动到启用拖放元素上时触发一次Dragover:只要元素仍然位于启用了 drop 元素上,就会连续触发Drop:在把拖动元素拖放到启用了拖放元素上之后触发...添加拖放功能 添加拖放功能第一步是识别可拖动组件和放置目标。 用户应该能够按照卡片中活动进度将卡片从一列拖到另一列。所以可拖动组件应该是 Card 组件,而放置目标是 Column 组件。...最后,将 card 透明度降低到 0.2 ,以便向用户提供一些反馈,表明该卡实际上已被拉出其原始位置。拖动完成后,再把透明度恢复 1。 现在可以拖动卡片了。接下来添加放置目标

4.3K10

开源UI界面布局框架MyLayout1.9发布

、ConstraintLayout MyFrameLayout 框架布局:提供视图在父视图上某个方位进行停靠以及层叠摆放布局能力 Android:FrameLayout MyPathLayout 路径布局...5.布局中子视图拖放 在一些应用中我们可以通过拖放功能来调整子视图位置或者进行一些其他处理。MyLayout以前版本中实现了这么一个DEMO。...对添加到布局视图视图分别添加如下事件: [可以被拖放视图 addTarget:self action:@selector(handleTouchDrag:withEvent:) forControlEvents...]; //注册外面拖动事件。...我们还可以通过拖放器对象来进行一些特性化设置,比如可以设置拖放动画时长、可以设置哪些子视图拖放时不会移动、以及是否可以在拖放时实现悬停效果等等。

1.7K10

当邮箱类App遇上折叠屏,结果就一个字,快!

利用悬浮窗/分屏添加附件 在直板机里,直板手机需要点击添加附件按钮→→→选择从图库或从文件管理添加→→→逐层选择文件路径→→→选中要添加文件→→→点击完成,过程繁琐且效率低下。...对开发者而言,拖拽属于Android框架一部分,可以让用户使用图形化拖放手势,将数据从一个视图移至另一个视图。...通常以长按作为拖拽开始动作,从系统流程来看,可以分为开始、继续、放下、结束四个阶段,该框架包括拖动事件类、拖动监听器以及辅助工具方法和类。...快速浏览文件内容 为了减少用户操作成本,折叠屏手机利用分栏显示邮件列表与邮件内容,界面切换为 3:7比例,列表页面:详情页3:7。这样一来邮件详情可以显示更多,页面效果更加直观。...折叠屏+邮箱类App,这一对搭档使得邮件收发效率显著提高,倾向于商务效率,消费者带来了优质邮箱服务体验。

83310

前端拾零02—H5拖放总结

H5拖放分为两部分:拖放元素和目标元素,分别有不同属性和监听事件 2....拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件,作用于拖放元素 ondrag: 拖放期间连续触发事件,作用于拖放元素...: 复制拖放元素 (4) link: 放置目标自动打开拖动元素(拖放元素必须是有URL链接) Event.dataTransfer.effectAllowed: 指定目标元素允许视觉效果,必须在dragstart..."dropEffect (5) move: 只允许值"move"dropEffect (6) copyLink: 只允许值"copy"和"link"dropEffect (7) copyMove...: 只允许值"copy"和"move"dropEffect (8) linkMove: 只允许值"link"和"move"dropEffect (9) all: 允许任意dropEffect [

4.2K730

前端拾零02—H5原生拖放总结 【原创】

H5拖放分为两部分:拖放元素和目标元素,分别有不同属性和监听事件 2....拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件,作用于拖放元素 ondrag: 拖放期间连续触发事件,作用于拖放元素...) copy: 复制拖放元素 (4) link: 放置目标自动打开拖动元素(拖放元素必须是有URL链接) Event.dataTransfer.effectAllowed: 指定目标元素允许视觉效果...(4) link: 只允许值”link”dropEffect (5) move: 只允许值”move”dropEffect (6) copyLink: 只允许值”copy”和”link”...dropEffect (7) copyMove: 只允许值”copy”和”move”dropEffect (8) linkMove: 只允许值”link”和”move”dropEffect

1.9K20

前端里拖拖拽拽了解一下?

拖动元素期间,一些与拖放相关事件会被触发,像 drag 和 dragover 类型事件会被频繁触发。...除了定义拖拽事件类型,每个事件类型还赋予了对应事件处理器 事件类型事件处理器触发时机绑定元素dragstartondragstart当开始拖动一个元素时拖拽dragondrag当元素被拖动期间按一定频率触发拖拽...dragendondragend当拖动元素被释放(️松开、按键盘 ESC)时拖拽dragenterondragenter当拖动元素到一个可释放目标元素时放置dragexitondragexit当元素变得不再是拖动操作选中目标时放置...DataTransfer 实例如下: (1) 属性 获取当前选定拖放操作类型或者设置一个新类型。...值:none、copy、link、move (2) 方法 设置给定类型数据。如果该类型数据不存在,则将其添加到末尾,以便类型列表中最后一项将是新格式。

4.6K30

JavaScript 学习-50.实现页面菜单拖放(Drag 和 Drop)

前言 拖放是一种常见操作,即抓取对象以后从一个位置拖到另一个位置。 在 HTML5 中,拖放是标准一部分,任何元素都能够拖放。...拖放(Drag 和 Drop) 在拖曳操作中,被拖曳元素称做源对象,是指页面中设置了draggable=”true”属性元素;源对象进入元素称作目标元素,目标元素可以是页面的任一元素。...把元素设置拖放首先:为了把一个元素设置拖放,请把 draggable 属性设置 true: 需要注意是,图片和链接默认是可以拖曳,它不用添加draggable...拖放内容 - ondragstart 和 setData() 然后,规定当元素被拖动时发生事情。...拖到何处 - ondragover ondragover 事件规定被拖动数据能够被放置到何处。 默认地,数据/元素无法被放置到其他元素中。为了实现拖放,我们必须阻止元素这种默认处理方式。

98720

HTML属性及事件

HTML属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对形式出现 如:class=”a” 不同属性之间用“空格”隔开 HTML属性和属性值之间用...ondragend 当拖动操作结束时运行脚本 ondragenter 当元素被拖动至有效拖放目标时运行脚本 ondragleave 当元素离开有效拖放目标时运行脚本 ondragover 当元素被拖动至有效拖放目标上方时运行脚本...ondragstart 当拖动操作开始时运行脚本 ondrop 当被拖动元素正在被拖放时运行脚本 onmousedown 当按下鼠标按钮时运行脚本 onmousemove 当鼠标指针移动时运行脚本 onmouseout...(网络错误、加载错误等)运行脚本 onended 当媒介已抵达结尾时运行脚本 onerror 当在元素加载期间发生错误时运行脚本 onloadeddata 当加载媒介数据时运行脚本 onloadedmetadata...当就绪状态(ready-state)改变时运行脚本 onseeked 当媒介元素定位属性 [1] 不再为真且定位已结束时运行脚本 onseeking 当媒介元素定位属性真且定位已开始时运行脚本

2.7K20

【JS】1724- 重学 JavaScript API - Drag and Drop API

这个 API 提供了一系列事件和方法,使我们能够轻松地处理拖放操作。 1.2 作用和使用场景 拖放 API 作用在于使网页具备拖放功能,用户提供更直观、灵活交互体验。...「定义可放置(droppable)元素」:将用来放置被拖动元素目标区元素标记为可放置,并指定相应事件处理逻辑。...,冰分别监听 dragstart和 dragover事件,添加相应处理逻辑,实现了一个简单拖放操作。...当拖动 drag-source 元素时,使用 event.dataTransfer.setData() 方法设置了拖动数据,而放置目标元素时,执行 drop事件监听回调方法,实现被拖动元素添加到可放置元素底下...在放置目标容器上,我们使用 dragover 事件阻止默认行为并添加一些过渡样式,使用 dragleave 事件移除过渡样式,使用 drop 事件在放置目标容器中追加拖动图片元素。

21320

JavaScript进阶之实现拖拽

会在我们拖放时自动运行,这与我们拖放处理产生了冲突。...drag: 拖拽源 drop:拖拽源最终放置目标 DataTransfer 对象:退拽对象用来传递媒介,使用一般Event.dataTransfer。...,此事件作用在目标元素上 ondragover 事件:拖拽元素在目标元素上移动时候触发事件,此事件作用在目标元素上 ondrop 事件:被拖拽元素在目标元素上同时鼠标放开触发事件,此事件作用在目标元素上...定义拖动效果 dropEffect 属性用来控制拖放操作中用户给予反馈。它会影响到拖动过程中浏览器显示鼠标样式。比如,当用户悬停在目标元素上时候,浏览器鼠标也许要反映拖放操作类型。...有 3 个效果可以定义: copy 表明被拖动数据将从它原本位置拷贝到目标的位置。 move 表明被拖动数据将被移动。 link 表明在拖动源位置和目标位置之间将会创建一些关系表格或是连接。

2.6K40

低代码设计器自由布局拖动实现原理

: dragenter:拖拽元素到目标上时触发 dragover:拖动元素在目标元素中,持续触发 dragleave:离开目标元素时触发 drop:拖放元素到了目标元素中松开鼠标时触发 拖动放置行为 在拖动事件中...none:不能把元素拖放至此 move:移动到目标 copy:复制到目标 link:目标打开拖动元素(拖动元素必须是链接并有URL) 页面设计器实现 下面我们根据以上知识点来实现一下页面设计器组件拖动最简...,上文中我们讲到,拖动元素以及目标元素可以设置一系列事件,那么我们就可以在组件列表渲染时,每个组件设置一下 dragstart 事件,在该事件中我们需要做如下处理: 设置拖动元素放置行为移动,...组件在目标元素经过时,必须要阻止默认行为,否则不能触发drop。 设置组件离开目标元素时放置行为不能拖放,即none。...拖动元素在目标元素松手时添加元素到画布,即将组件元数据添加到list2中,元素所对应元数据记录也了这个组件在画面中坐标位置。 然后在dragend事件中取听以上动作。

3.9K30
领券