佬马识途
佬马识途
  • 发布:2019-11-10 21:54
  • 更新:2019-11-12 19:21
  • 阅读:1901

【报Bug】最新版HBuilderX movable-view 拖动时抖动问题

分类:HBuilderX

详细问题描述

试用自定义组件模式开发拖拽排序,遇到被拖拽对象闪烁的问题,因为附件无法上传mp4, 我录制了视频放在七牛, 地址是(https://dev-q.yun2.net/11.mp4)

默认设置了8各图片,每个图片上叠加一个半透明蓝色层,当拖动点到达这个蓝色矩形内,蓝色矩形会变为红色表示相交,拖动对象和相交矩形下层movable-view互换位置,发现在拖动到时候被拖动对象又闪烁到问题,一开始我以为是微信到问题,我用微信到原生wxml实现发现没有闪烁到问题,基本证明这个问题是uniapp引起的。

[内容]

重现步骤

[步骤] 下载我的压缩包导入HBuilderX项目,运行到微信小程序即可重现

[结果] 如https://dev-q.yun2.net/11.mp4视频内所见,被拖动对象又闪烁的问题。

[期望] 期望拖动的时候,被拖动对象不闪烁

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX

[IDE版本号] 2.3.7.20191024

[mac版本号] 10.14.6

uni-app运行环境说明

[运行端是h5或app或某个小程序] 小程序

[运行端版本号] 小程序IDE版本号:v1.02.1910120

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试] HBuilderX 创建

[编译模式是老模板模式还是新的自定义组件模式?] 新的自定义组件模式

[可重现代码片段] 下载地址 https://dev-q.yun2.net/temp.zip

联系方式

[QQ] 183654371

2019-11-10 21:54 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

不要拖动过程中修改xy的值,会导致抖动。举个栗子:

比如手把目标拖动到了坐标4,这时候触发事件收到的坐标为4,而由于事件是异步的此时手已经把目标挪到了坐标5,你赋值为4,当视图层接受到新坐标的时候,手已经把目标挪到了6,就会强制目标往回跳动到4。此时就会出现抖动。

如果要完全使用touch事件控制,直接使用view即可。如果要使用movable时,不要在交互过程中修改其坐标,可以参考hello uni-app里的示例。

  • 佬马识途 (作者)

    谢谢你的回复,现已更新解决方案

    2019-11-14 13:39

  • 旺仔小牛奶

    回复 佬马识途: 请问怎么解决的抖动问题

    2022-04-20 11:51

  • taoan

    确实,拖动过程不修改xy值,是解决了抖动问题。有用

    2022-10-27 16:35

该问题目前已经被锁定, 无法添加新回复