使用列表时,拖动后有可能造成点击失效


GIF.gif

 
已邀请:

谷主

赞同来自:

停下来才能点。

tidus5

赞同来自:

再录了一个,加上了鼠标点击录制。 
 
这个,只要是滑动停止前点击了,就可能造成这种现象。 但这对玩家操作会造成界面失去响应的感觉
2288.gif

 

tidus5

赞同来自:

现在发现是点击可能打断列表的滑动。需要停止点击,等列表再自己滑动一小段才可以点。
谷主帮忙看下这可以修复么

333.gif

 

谷主

赞同来自:

我测试并没有你说的问题。不知道你的什么版本。

tidus5

赞同来自:

个人按照教程做了个demo ,可以重现这个问题。
链接: https://pan.baidu.com/s/1eIWW68HN1H6K1nf4P83rQw 密码: fpq9
 
重现步骤:
1,滑动列表。
2,在列表滑动还没停止的时候,快速点击列表中的按钮。(此时列表滑动变慢,点击会无效,因为列表没停止)
3,不停的点击,等到列表滑动停止后,此时的点击依然不能选中
 
要避免这种问题,就只能避免快速点击,等滑动停止后,等待0.5秒左右,让列表完全停稳,再去点击才能选中。
 
另外作者说的滑动时不能点,这个对操作快的玩家就有点影响体验了。
一般列表很长的话,都是先快速划一下,然后再划一下停下来,看到目标就可以马上点。
在用手机本身系统,比如划屏幕过程中,快速点屏幕,等列表滑动停止后,都是可以触发点击的。

3334455.gif

 

tangjiands

赞同来自:

@谷主:  这个问题确实存在,我也刚刚测试了,但是楼主没有表达清楚。
就是列表移动后,一直点击列表里的项 列表的移动归位会停止,如果一直点击就一直不能归位,只有停下来0.5左右列表才会自动归位 归位完成后方可正常点击

谷主

赞同来自:

我不觉得有什么问题。在滚动的时候第一下点击是取消滚动,但由于需要做贴近的原因,还要滚动到正确位置才会停下。第二下才是选中。如果你设计这个东西是要让人使劲戳的,那就取消item贴近,不要用页面模式,点一下时就能立刻停了,再没有后续的滚动,就不会有这个问题。

tidus5

赞同来自:

有这种现象的UI是用的列表的默认设置,没有自动贴近和页面模式。
最终测试结果表明,是默认的设置边缘回弹效果也会影响这个问题。
微信截图_20180516172258.png

 
 
当设置了 边缘回弹,自动贴近元件,页面模式。那么在列表归位过程中,不停点击都会影响归位效果,因为归位差一点导致点击操作没有响应。
 
感觉这里可以优先考虑响应点击事件。毕竟玩家等列表停下来,还在点那就是为了实现点击操作。而item 的一两个像素的归位其实不重要,阻止了点击反而效果不好。
 

33344556677.gif

如该图所示,其实归位就差一两个像素,但一直点击操作导致无法归位。如果能消除“不断点击导致贴近归位失败”的问题那就最好了。
但如果因为效率原因无法实现,那就没办法了。
我去提个issue吧。

要回复问题请先登录注册