Android开发——RecyclerView的使用（三）

   Android开发——RecyclerView的使用（一）
   Android开发——RecyclerView的使用（二）

   上面两篇文章介绍了RecyclerView最常见的三种布局的基本使用，这里介绍一下使用RecyclerView实现多布局的应用。先看一下效果图：

   当然这个页面不用多布局也可以实现，这里只是作为例子介绍下多布局的用法。

   首先RecyclerView实现网格布局，代码很简单跟之前一样。

package com.demo.recyclerview;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.demo.recyclerview.BaseEntity;

import java.util.ArrayList;
import java.util.List;

public class GridViewActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private List mDataList;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gridview);
        initView();
        initData();
        initRecyclerView();
    }

    private void initView(){
        mRecyclerView = findViewById(R.id.recycler_view);
    }

    private void initData(){
        mDataList = new ArrayList<>();
        for(int i = 'A'; i < 'z'; i++){
            BaseEntity entity = new BaseEntity();
            entity.setText("" + (char)i);
            mDataList.add(entity);
        }
    }

    private void initRecyclerView(){
        GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
        mRecyclerView.setLayoutManager(layoutManager);
        mRecyclerView.setAdapter(new GridRecyclerAdapter(mDataList));
    }
}

   最主要的是Adapter，Adapter是实现多布局的关键。
   自定义Adapter继承RecyclerView.Adapter，然后实现里面的方法。这里要多添加一个方法，就是getItemViewType方法，方法如下：

@Override
    public int getItemViewType(int position) {   
        return super.getItemViewType(position);
    }

   看名称就知道这个方法用来获取当前项Item(position参数)是哪种类型的布局，这里需要定义不同的布局方式，

    private int TYPE_ONE = 1;
    private int TYPE_TWO = 2;

   这里重写getItemViewType方法，根据不同的需求设置不同的类型。

@Override
    public int getItemViewType(int position) {
        if(position % 3 == 0){
            return TYPE_ONE;
        } else {
            return TYPE_TWO;
        }
    }

   在onCreateViewHolder加载布局时，参数itemType就是getItemViewType(int position)方法返回的值，这里就可以根据不同的值加载不同的布局了。Adapter的完整代码如下：

package com.demo.recyclerview;

import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.demo.recyclerview.BaseEntity;

import java.util.List;

public class GridRecyclerAdapter extends RecyclerView.Adapter {

    private List mEntityList;
    private int TYPE_ONE = 1;
    private int TYPE_TWO = 2;

    public GridRecyclerAdapter(List entityList){
        this.mEntityList = entityList;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int itemType) {
        View view;
        if(itemType == TYPE_ONE){
            view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_recycler_grid_1, viewGroup, false);
            return new ItemOneHolder(view);
        } else if(itemType == TYPE_TWO){
            view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_recycler_grid_2, viewGroup, false);
            return new ItemTwoHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
        if(viewHolder instanceof ItemOneHolder){
            ((ItemOneHolder)viewHolder).nText.setText(mEntityList.get(position).getText());
        } else if(viewHolder instanceof ItemTwoHolder){
            ((ItemTwoHolder)viewHolder).nText.setText(mEntityList.get(position).getText());
        }
    }

    @Override
    public int getItemCount() {
        return mEntityList.size();
    }

    @Override
    public int getItemViewType(int position) {
        if(position % 3 == 0){
            return TYPE_ONE;
        } else {
            return TYPE_TWO;
        }
    }

    class ItemOneHolder extends RecyclerView.ViewHolder{

        private TextView nText;

        public ItemOneHolder(@NonNull View itemView) {
            super(itemView);
            nText = itemView.findViewById(R.id.text_view_item_1);
        }
    }

    class ItemTwoHolder extends RecyclerView.ViewHolder{

        private TextView nText;

        public ItemTwoHolder(@NonNull View itemView) {
            super(itemView);
            nText = itemView.findViewById(R.id.text_view_item_2);
        }
    }
}

   这样就实现item的多布局了，线性布局和网格布局的实现方法一样。这里用网格布局是为了介绍下面的方法。

   当然实现多布局样式时，有时有更高的要求。要求某些item的大小是原本item大小的倍数。例如下图：

   要实现这种样式的多布局就要用到GridLayoutManager 的一个方法，就是setSpanSizeLookup。这个方法就是设置相对应的item占据几个单元格长度的。
   在设置RecyclerView的布局方式为网格布局之前，布局管理器先设置每个item所占的列数。

layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                /*if(position % 3 == 0){
                   return 2;
                } else {
                    return 1;
                }*/
                return (3 - position % 3);
            }
        });

   这里可以根据你的需求随意设置返回值。这里item占据多个单元格的方式，只限制于同一行，无法多行实现。不同的值对应不同的效果，看下面几种样式。
样式一：

样式一

样式二：

样式二