Android 模仿饿了么点餐页面

概述

近期在做一个类似饿了么点餐的页面;效果没有预想中的那么完美,与饿了么也有点出入,希望以后有机会能将这个效果做的更好,也希望看到的朋友给予好的建议。

Android 模仿饿了么点餐页面_第1张图片
饿了么的效果
Android 模仿饿了么点餐页面_第2张图片
实现后的效果
布局方式

Android 模仿饿了么点餐页面_第3张图片
布局方式

StickyHeaderListView是一个第三方库


之前试过用com.android.support:design包里面的CoordinatorLayout+AppBarLayout+NestScrollView+Left RecyclerView+Right RecyclerView的模式,发现结果并不尽如人意,希望看到的朋友给予好的建议

Android 模仿饿了么点餐页面_第4张图片
效果

实现思路
  1. 正常填充数据。
  2. 给ListView和StickyHeaderListView准备一个手势监听(ListParentOnTouchListener extents View.OnTouchListener),目的是为了动态控制ListView是否可滑动
  3. 实现监听后,根据手势方向进行判断


    Android 模仿饿了么点餐页面_第5张图片
    2代码截图
  4. 移动LinearLayout的位置,判断LinearLayout距离顶部的距离,设置ListView是否可滑动


    Android 模仿饿了么点餐页面_第6张图片
    3、4代码截图
代码开源

如果我的代码帮助到了你,不胜荣幸!同时欢迎看到的朋友给予好的建议,共同进步!
GitHub地址

你可能感兴趣的:(Android 模仿饿了么点餐页面)