RecyclerView 知识梳理(3) - LayoutManager

96
泽毛
2017.04.02 21:31* 字数 953

一、概述

在前面的学习中,我们已经对Adapter有了大概的了解,在整个RecyclerView的体系当中,Adapter负责提供View,而LayoutManager负责决定它们在RecyclerView中摆放的位置以及在窗口中不可见之后的回收策略。今天,我们来一起看一下LayoutManager的相关知识。

二、LayoutManager的使用

通过重写LayoutManager,我们可以得到各式各样的布局。官方提供了以下三种LayoutManager

  • LinearLayoutManager
  • GirdLayoutManager
  • StaggeredGridLayoutManager

下面,我们就来一起学习它们的使用方式。

2.1 线性布局:LinearLayoutManager

使用这个LinearLayoutManager时,所有的Item都是线性排列的,我们可以指定以下两点。

2.1.1 纵向/横向排列

  • 纵向排列:LinearLayoutManager.OrientationHelper.VERTICAL
  • 横向排列:LinearLayoutManager.OrientationHelper.HORIZONTAL

2.1.2 Item排列的顺序和滑动方向

通过reverse指定Items排列的顺序:

  • true:从右向左或从下到上排列,也就是position=0Item位于最右边或最下面,往左或者往上滑动得到下一个Item
  • false:和上面相反,也就是我们常见的模式。

2.2 宫格布局:GirdLayoutManager

2.2.1 指定某行或某一列的个数

通过spanCount参数指定,相当于把RecyclerView的每行或者每列均分为spanCount个格子,每个Item可以占据一个或者多个格子,默认情况下每个Item占据一个格子,也就是均分。

2.2.2 纵向/横向排列

  • 纵向排列:先填满一行,再从下一行开始填充。
  • 横向排列:先填满一列,在从下一列开始填充。

2.2.3 reverse参数

指定了Items排列的顺序:

  • reverse=true:逆序排列所有的Item,和2.1.2的排列方式有关,如果是纵向排列,那么position=0Item位于左下角,如果是横向排列,那么位于右上角。
  • reverse=falseposition=0Item位于左上角。

2.2.4 指定分配的比例

上面我们说过,spanCount指定的是分配的格子数,默认情况下每个Item会占据一个格子,如果想要改变每一行或者每一列Item分配的比例,那么可以指定它们占据的格子数,如果该行或者该列剩余的格子不够分配了,那么就换行,但是一定不能够大于spanCount的值:

public void setSpanSizeLookup(SpanSizeLookup spanSizeLookup) {
    mSpanSizeLookup = spanSizeLookup;
}

下面是一个使用的例子:

   private void init() {
        mTitles = new ArrayList<>();
        for (int i = 0; i < 40; i++) {
            mTitles.add(String.valueOf(i));
        }
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rv_content);
        GridLayoutManager layoutManager = new GridLayoutManager(this, 3, GridLayoutManager.VERTICAL, false);
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {

            @Override
            public int getSpanSize(int position) {
                return position % 3 == 0 ? 1 : 2;
            }
        });
        recyclerView.setLayoutManager(layoutManager);
        LayoutManagerAdapter adapter = new LayoutManagerAdapter(mTitles);
        recyclerView.setAdapter(adapter);
    }

最终得到效果为:


2.3 瀑布流:StaggeredGridLayoutManager

2.3.1 指定spanCount

和宫格布局类似,可以指定每行或者每列划分的格子数,但是它不支持让某个Item占据多个格子。

2.3.2 横向或者纵向排列

这个和上面两个LayoutManager的原理类似,就不解释了。

2.3.3 实战

默认情况下,如果我们只生成一个StaggeredGridLayoutManager,那么效果会是下面这样:


因此,我们要在onBindViewHolder中动态地改变每个itemView的高度,这样才可以达到瀑布流的效果:

    @Override
    public void onBindViewHolder(LayoutManagerViewHolder holder, int position) {
        holder.setTitle(mTitles.get(position));
        ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams();
        layoutParams.height = 200 + (position % 4) * 200;
        holder.itemView.setBackgroundColor(holder.itemView.getResources().getColor(COLOR[position % 5]));
        holder.itemView.setLayoutParams(layoutParams);
    }

之后,我们会得到下面的效果:


三、小结

平时的开发当中,这几个布局已经基本能够满足我们的需求,如果需要了解自定义LayoutManager,那么需要对RecyclerView的整个机制就很好的了解,在分析完原理之后,我们在详细讲解自定义LayoutManager的方法。


更多文章,欢迎访问我的 Android 知识梳理系列:

RecyclerView
Web note ad 1