美团筛选处筛选条件停靠+条件点击滑动到顶部。

发布于 2022-09-04 13:46:27 字数 484 浏览 17 评论 0

图片描述

图片描述

图片描述

美团这种复杂的筛选条件怎么实现。

  1. 需要上拉下拉刷新,

  2. 筛选条件需要可以停靠。
    3.点击条件,条件需要滑动到顶部停靠。(这里需要注意如果listview 除掉顶部和筛选条件只有二个item,筛选条件怎么滑动到顶部?)

4.筛选条件弹出的内容不需要管。请区别此问题与网路上其他的美团筛选,他们那个比较简单,没啥意思。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笑咖 2022-09-11 13:46:27

首先,美团并没有给我一种是滑到顶部,然后再展开搜索条,而是,立即在顶部显示搜索条并展开内容.

这个我在公司项目做过,我的实现是这样的:

  1. 整个页面是 RecyclerView 嵌套在 NestScrollview 中

  2. 搜索条在顶部(真) 在 列表中(假).假的只是和真的搜索条在外观上一样,当点击假的搜索条,那么页面向上滚动搜索条距离顶部的长度,在假的搜索条滚动结束(Scrollview 的 SmoothScrollTO()的滚动时间一般是250毫秒)后显示真的搜索条,最后才是展开内容.

此过程细分出来,各个部分先后有序,整体看起来比较顺畅自然,美团的其实效果不太好.个人觉得,仅从ui角度去说的.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文