ViewPager仿淘宝滑动打开详情页面

2016-04-10 本文已影响787人 jac_cheng

搞了个ViewPager仿淘宝滑动打开详情页面，思路自己觉得蛮好玩的记录下，如果有更好的实现方式请回复我哈。

先看效果图：

1、刚向左拖拽的时候

2、拖拽到能显示全部提示界面时候

3、拖拽到可以打开详情页的时候

基本思路：

1、布局让ViewPager和提示控件在同一个LinearLayout横向上，默认情况下ViewPager的宽度充满整个屏幕；

2、监听ViewPager的onTouch事件，通过计算拖拽的距离来动态控制ViewPager的宽度（个人觉得蛮好玩哈），这样在右边屏幕外的提示控件就能显示出来了；

3、根据拖拽的距离然后打开详情界面。

源码位置：