ZoomHeader移动 ViewPager 变详情页

联合创作 · 2023-09-24 07:48

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

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

实现思路

使用 CoordinatorLayout+Behavior 实现。

ViewPager+头部

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

  • 透明 View

  • ViewPager

  • RecyclerView

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

浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报