ZoomHeader移动 ViewPager 变详情页

模仿饿了么详情页可以跟随手指移动 ViewPager 变详情页的效果。

饿了么实现效果和模仿效果

实现思路

使用 CoordinatorLayout+Behavior 实现。

ViewPager+头部

整个实现的思路是这样的。整体布局从上到下依次是：

• 透明 View

• ViewPager

• RecyclerView

其中透明 View 和 Viewpager 合并成一个自定义的 Header。当这个 Header 上移的时候，图片放大，并且 RecyclerView 联动上衣，从透明转向并且不透明。