如果是電商類的APP搪哪,經(jīng)常會(huì)把商品的詳情界面設(shè)計(jì)成跟淘寶(現(xiàn)在已經(jīng)改版了)、京東等APP的一樣,在搜索引擎中搜索的時(shí)候很文章都是介紹通過(guò)改造Scrollview來(lái)達(dá)到仿淘寶商品詳情(繼續(xù)拖動(dòng)查看詳情)的效果晓折,下面我們來(lái)介紹一下使用另一種方式<b>垂直方向的ViewPager</b>來(lái)實(shí)現(xiàn)這樣的效果惑朦。
知識(shí)要點(diǎn)
- 1、垂直方向的ViewPager漓概,VerticalViewPager
- 2漾月、手勢(shì)攔截 & 處理
實(shí)現(xiàn)思路
- 1、上下分頁(yè)的設(shè)計(jì)完全可以用垂直分頁(yè)來(lái)實(shí)現(xiàn)
- 2胃珍、如果使用垂直分頁(yè)來(lái)實(shí)現(xiàn), 那么問(wèn)題就來(lái)了: 上下分頁(yè)中的內(nèi)容肯定是支持垂直滾動(dòng)的, 如此就會(huì)和ViewPager的手勢(shì)沖突, 因此, 上下分頁(yè)內(nèi)容的最外層視圖(暫且叫作ContentContainer)必須要處理手勢(shì), 即在垂直滾動(dòng)內(nèi)容時(shí)必須告知ViewPager, 當(dāng)前狀態(tài)的ContentContainer是否可滾動(dòng). p.s.少數(shù)View是已經(jīng)處理了上述手勢(shì)問(wèn)題的, 但是, 像ListView, ScrollView都是沒(méi)有處理的. 具體處理方式可以參考: NestedScrollView(需要翻墻訪問(wèn))
DEMO只給出了部分代碼