使用 RecyclerView 做点餐列表联动页面

使用 RecyclerView 做点餐列表联动页面

• 版权声明：本文为博主原创文章，未经博主允许不得转载。

最近刚换了工作，来到一家做了11年餐饮软件管理的公司，开发平板端点餐安卓端原生app。因为之前一直没做过类似的软件，对于我来说是一个全新的开始，所以打算写博客记录下来我从头开发的整个过程。

平板设置横屏属性就可以横屏在平板上显示，不用担心切换横竖屏会导致activity的生命周期改变。代码如下：

之后就开始做点餐界面，因为主界面就是专门用来点餐的，所以直接开始做点餐界面。产品经理说整个app是不需要联网就可以进行的，所有的资料是从后台下载下来之后存储下来，然后再取出来。之前一直没涉及到数据库的知识，所以这也是我学习的重点。

最先开始呢就是先做二级列表菜单页面，我用的是 RecyclerView ，很多知识可以从鸿洋的博客学习，我做的这个很大程度上也是从上面学习的
http://blog.csdn.net/lmj623565791/article/details/45059587
还有一部分是从
http://blog.csdn.net/w804518214/article/details/51570975
上面学习的，不过很大程度上改进了，根据我的需求在他的基础上做了很多改变。

添加商品的动画

添加商品一共有三个动画
– 当商品从0到1 旋转左移显示出减号按钮
– 当商品从1到0 减号按钮旋转右移消失
– 添加商品时抛物线动画添加到购物车图标

前两个动画很简单可以分解成三个补间动画 旋转、平移、透明度。

抛物线动画和上面的差不多可以分解成两个平移动画,不过两个平移动画的差值器一个线性一个加速而已，因为动画界面跨度比较大所以需要在根部局内写，不能写在列表的item中(这样会显示不全)。
代码中的anim_mask_layout 即为整个布局文件的根布局，这里是一个RelativeLayout

实现过程
1、首先点击加号图标，拿到控件在屏幕上的绝对坐标，回调activity显示动画

2、创建动画的控件并添加到根部局并在动画结束后移除动画view

底部弹出购物车清单

底部弹出的效果大家一定都很熟悉了，几回每个项目中都会用的到，官方没有提供简单的控件实现，一般都需要自己写，不过要做到简单流畅，便于移植推荐使用第三方库，这里向大家推荐一个

bottomsheet

集成简单，效果多样这里简单介绍一下使用方法

xml中使用BottomSheetLayout包裹弹出view时候的背景布局，BottomSheetLayout继承自帧布局

代码中使用很简单

数据的同步

同步数据，控制界面刷新应该是新手最容易绕弯的地方了，其实只要仔细一点也不难，这里简单提供一种思路(并不一定适合你的项目).

SparseArray这个类其实就是 HashMap< Integer,Object >

不过SparseArray既可以根据key查找Value，也可以根据位置查找value，性能比HashMap高，是官方推荐的替代类，
同样SparseIntArray 其实是HashMap< Integer,Integer> 的替代者。

Activity里实现了下面几个方法,用于数据统一管理
列表中显示的商品购买数量统一从activity获取,商品的加减统一调用Activity的方法然后notifiDatasetChanged，由于代码不少具体的还是看源码吧

来源：假装成熟的冯先生