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

Question

图片描述

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

1. 需要上拉下拉刷新，

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

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

Answer 1

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

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

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

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

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