美文网首页UI & Material Design
ViewPager仿淘宝滑动打开详情页面

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

作者: jac_cheng | 来源:发表于2016-04-10 20:12 被阅读787次

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

先看效果图:

1、刚向左拖拽的时候 2、拖拽到能显示全部提示界面时候 3、拖拽到可以打开详情页的时候

基本思路:

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

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

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

源码位置:

GitHub: GitHub - JacCheng/viewpagerdemo

相关文章

网友评论

    本文标题:ViewPager仿淘宝滑动打开详情页面

    本文链接:https://www.haomeiwen.com/subject/jfdvlttx.html