問(wèn)題描述

圖片描述

美團(tuán)這種復(fù)雜的篩選條件怎么實(shí)現(xiàn)。

需要上拉下拉刷新，

篩選條件需要可以停靠。3.點(diǎn)擊條件，條件需要滑動(dòng)到頂部停靠。（這里需要注意如果listview 除掉頂部和篩選條件只有二個(gè)item，篩選條件怎么滑動(dòng)到頂部？）

4.篩選條件彈出的內(nèi)容不需要管。請(qǐng)區(qū)別此問(wèn)題與網(wǎng)路上其他的美團(tuán)篩選，他們那個(gè)比較簡(jiǎn)單，沒(méi)啥意思。

問(wèn)題解答

首先,美團(tuán)并沒(méi)有給我一種是滑到頂部,然后再展開(kāi)搜索條,而是,立即在頂部顯示搜索條并展開(kāi)內(nèi)容.

這個(gè)我在公司項(xiàng)目做過(guò),我的實(shí)現(xiàn)是這樣的:

整個(gè)頁(yè)面是 RecyclerView 嵌套在 NestScrollview 中

搜索條在頂部(真) 在 列表中(假).假的只是和真的搜索條在外觀(guān)上一樣,當(dāng)點(diǎn)擊假的搜索條,那么頁(yè)面向上滾動(dòng)搜索條距離頂部的長(zhǎng)度,在假的搜索條滾動(dòng)結(jié)束(Scrollview 的 SmoothScrollTO()的滾動(dòng)時(shí)間一般是250毫秒)后顯示真的搜索條,最后才是展開(kāi)內(nèi)容.

此過(guò)程細(xì)分出來(lái),各個(gè)部分先后有序,整體看起來(lái)比較順暢自然,美團(tuán)的其實(shí)效果不太好.個(gè)人覺(jué)得,僅從ui角度去說(shuō)的.