如果是电商类的APP,经常会把商品的详情界面设计成跟淘宝(现在已经改版了)、京东等APP的一样,在搜索引擎中搜索的时候很文章都是介绍通过改造Scrollview来达到仿淘宝商品详情(继续拖动查看详情)的效果,下面我们来介绍一下使用另一种方式<b>垂直方向的ViewPager</b>来实现这样的效果。
知识要点
- 1、垂直方向的ViewPager,VerticalViewPager
- 2、手势拦截 & 处理
实现思路
- 1、上下分页的设计完全可以用垂直分页来实现
- 2、如果使用垂直分页来实现, 那么问题就来了: 上下分页中的内容肯定是支持垂直滚动的, 如此就会和ViewPager的手势冲突, 因此, 上下分页内容的最外层视图(暂且叫作ContentContainer)必须要处理手势, 即在垂直滚动内容时必须告知ViewPager, 当前状态的ContentContainer是否可滚动. p.s.少数View是已经处理了上述手势问题的, 但是, 像ListView, ScrollView都是没有处理的. 具体处理方式可以参考: NestedScrollView(需要翻墙访问)
DEMO只给出了部分代码
网友评论