Android開發案例 - 淘寶商品詳情

所有電商APP的商品詳情頁面幾乎都是和淘寶的一模一樣(見下圖):

• 采用上下分頁的模式
• 商品基本參數 & 選購參數在上頁展示
• 商品圖文詳情等其他信息放在下頁展示

知識要點

1. 垂直方向的ViewPager, git: castorflex/VerticalViewPager 
2. 手勢攔截 & 處理

實現思路

1. 上下分頁的設計完全可以用垂直分頁來實現, 見知識要點[1] 
2. 如果使用垂直分頁來實現, 那么問題就來了: 上下分頁中的內容肯定是支持垂直滾動的, 如此就會和ViewPager的手勢沖突, 因此, 上下分頁內容的最外層視圖(暫且叫作ContentContainer)必須要處理手勢, 即在垂直滾動內容時必須告知ViewPager, 當前狀態的ContentContainer是否可滾動. p.s.少數View是已經處理了上述手勢問題的, 但是, 像ListView, ScrollView都是沒有處理的. 具體處理方式可以參考: android.support.v4.widget.NestedScrollView
3. 建議: 上頁部分可以采用ListView來實現, 擴展性更好. 不推薦使用ScrollView來實現.
4. 其他UI細節, 不在此贅述.

 

END.

http://erehmi.cnblogs.com/