Android 常见横向滚动GridView效果实现及封装

目录

1.需求分析

2.功能实现

3.使用说明

3.1 使用前准备

3.2 布局引用

3.3 适配器生成、绑定及数据更新

4.注意事项

5.最后

---

1.需求分析

京东首页分类栏滑动效果图

像直播间礼物列表和电商首页类别列表，常见出现这种需求：当前页展示效果为GridView样式，同时具有ViewPager换页效果

一般采用 ViewPager + RecyclerView 组合实现，本文 HorizontalGridView 只是在此基础上进行封装，以达到能更方便快捷实现该效果的目的

2.功能实现

HorizontalGridView展示效果

设计思路：

自定义 HorizontalGridView 继承 LinearLayout ，添加 ViewPager 和 TabLayout ，根据需要展示的 总数据数目 、 每行最大展示数目 及 每页最大展示数目 生成把多个 RecyclerView ，并填充到 ViewPager 中

需要实现带 圆角 的 指示器 / 指示器栏背景

为了提高该 View 适用性，该View需要支持设定 每行最大展示数目 及 每页最大展示数目

为了提高该 View 的使用便捷性，采用 适配器模式 和 观察者模式 进行封装设计

存在问题：当 HorizontalGridView 高度设置为 wrap_content 时，会出现占满全屏的现象。该现象因为 ViewPager 高度默认占满全屏造成。解决办法如下

   /**
     * 重写 onMeasure 方法，将 ViewPager 展示的所有 RecyclerView 中高度最大的一个作为 ViewPager 的高度
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        //固定viewpager高度
        int vpHeight = 0;
        for (int i = 0; i < mViewPager.getChildCount(); i++) {
            View child = mViewPager.getChildAt(i);
            child.measure(widthMeasureSpec,
                    MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if (h > vpHeight) {
                vpHeight = h;
            }
        }
        mViewPager.getLayoutParams().height = vpHeight;
        mViewPager.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(vpHeight, heightMode));

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

核心方法：根据展示数据数目更新 ViewPager 页数及展示内容

   /**
     * 更新数据
     * mAdapter 为当前View的适配器
     * mAdapter.mData 为需要展示总数据lsit
     * mPageAdapter 为Vi