1.前言

前面兩篇文章主要介紹了recyclerview的基本使用，接下來介紹複雜一點的需求。
我們之前用listview的時候肯定遇到itemType>1的時候，我們定義多套item佈局，藉助getItemViewType（）實現多套佈局。但是如果像淘寶首頁，上面是listview的一個一個item，下面確是一個GridView的話，我們如何實現呢？當然之前有人會把GridView用ListView來實現，及一個Listview的item來代替GridView的兩個item，只是資料集我們要自己做處理，總之很麻煩。現在有了recyclerview，這些就變得很簡單。

2.實現效果

上圖既有listview的列表，下方又有gridview，如何實現呢？

3.具體實現過程：

1）跟listview一樣，recyclerview藉助getItemViewType(int position)實現多套佈局判斷，然後根據itemtype實現多套佈局的建立跟賦值，具體程式碼如下：

public class MultiItemAdapter extends RecyclerView.Adapter<MultiItemAdapter.ViewHolder> {

    public static final int ONE_TEXT_VIEW_TYPE = 0
 
;

    public static final int TWO_TEXT_VIEW_TYPE = 1;

    public static final int GRID_VIEW_TYP = 2;

    private ArrayList<Person> data;

    private Context context;

    public MultiItemAdapter(Context context, ArrayList<Person> data) {
        this.data = data;
        this.context = context;
    }

    @Override
    public
 
 int getItemViewType(int position) {
        if (data.get(position).getType() == ONE_TEXT_VIEW_TYPE) {
            return ONE_TEXT_VIEW_TYPE;
        } else if (data.get(position).getType() == TWO_TEXT_VIEW_TYPE) {
            return TWO_TEXT_VIEW_TYPE;
        } else if (data.get(position).getType() == GRID_VIEW_TYP) {
            return GRID_VIEW_TYP;
        }else {
            return  ONE_TEXT_VIEW_TYPE;
        }
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        View itemView = null;
        switch (viewType) {
            case ONE_TEXT_VIEW_TYPE:
                itemView = LayoutInflater.from(this.context).inflate(R.layout.multi_item_one, null);
                break;
            case TWO_TEXT_VIEW_TYPE:
                itemView = LayoutInflater.from(this.context).inflate(R.layout.multi_item_two, null);
                break;
            case GRID_VIEW_TYP:
                itemView = LayoutInflater.from(this.context).inflate(R.layout.multi_item_three, null);
                break;
        }
        return new ViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        int itemViewType = getItemViewType(position);
        switch (itemViewType) {
            case ONE_TEXT_VIEW_TYPE:
                showOneTextView(holder, position);
                break;
            case TWO_TEXT_VIEW_TYPE:
                showTwoTextView(holder, position);
                break;
            case GRID_VIEW_TYP:
                showGridView(holder, position);
                break;
        }
    }

    /**
     * 賦值
     *
     * @param holder
     * @param position
     */
    private void showOneTextView(ViewHolder holder, int position) {
        TextView textview = (TextView) holder.findViewById(R.id.item_text);
        textview.setText(data.get(position).getName());
    }

    private void showTwoTextView(ViewHolder holder, int position) {
        TextView item_text_one = (TextView) holder.findViewById(R.id.item_text_one);
        TextView item_text_two = (TextView) holder.findViewById(R.id.item_text_two);
        item_text_one.setText(data.get(position).getName());
        item_text_two.setText(data.get(position).getType() + "");
    }

    private void showGridView(ViewHolder holder, int position) {
        TextView textview = (TextView) holder.findViewById(R.id.item_text);
        textview.setText(data.get(position).getName());
    }

    @Override
    public int getItemCount() {
        return data == null ? 0 : data.size();
    }

    //自定義的ViewHolder，持有每個Item的的所有介面元素
    public static class ViewHolder extends RecyclerView.ViewHolder {

        private Map<Integer, View> mCacheView;

        public ViewHolder(View itemView) {
            super(itemView);
            mCacheView = new HashMap<>();
        }

        public View findViewById(int resId) {
            View view;
            if (mCacheView.containsKey(resId)) {
                view = mCacheView.get(resId);
            } else {
                view = itemView.findViewById(resId);
                mCacheView.put(resId, view);
            }
            return view;
        }
    }
}

這裡需要說一下，ViewHolder 我們這邊統一做了封裝，抽出findViewById方法，內部做了快取處理，而簡單的具體例項化交給各個具體item，方便使用。
2）我們知道普通的listview只有一列，而gridview是多列，recyclerview如何做到呢？其實是用到了layoutManager.setSpanSizeLookup方法.

public class MultiItemActivity extends AppCompatActivity {

    /**
     * view
     */
    private RecyclerView recyclerView;

    /**
     * 用來確定每一個item如何進行排列擺放，何時展示和隱藏
     */
    private GridLayoutManager layoutManager;

    /**
     * 介面卡
     */
    private MultiItemAdapter mAdapter;

    private ArrayList<Person> data = new ArrayList<Person>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
        initData();
    }

    /**
     * 初始化佈局元件
     */
    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        //建立預設的線性LayoutManager
        layoutManager = new GridLayoutManager(this, 2);
        recyclerView.setLayoutManager(layoutManager);
        //如果可以確定每個item的高度是固定的，設定這個選項可以提高效能
        recyclerView.setHasFixedSize(true);
    }

    /**
     * 初始化資料
     */
    private void initData() {
        for (int i = 0; i < 10; i++) {
            Person person = new Person();
            person.setName(i + "abc" + 1);
            if (i < 3) {
                person.setType(MultiItemAdapter.ONE_TEXT_VIEW_TYPE);
            } else if (i < 6) {
                person.setType(MultiItemAdapter.TWO_TEXT_VIEW_TYPE);
            } else {
                person.setType(MultiItemAdapter.GRID_VIEW_TYP);
            }
            data.add(person);
        }
        //建立並設定Adapter
        mAdapter = new MultiItemAdapter(this, data);
        recyclerView.setAdapter(mAdapter);
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                if (mAdapter.getItemViewType(position)
                        == MultiItemAdapter.GRID_VIEW_TYP) {
                    return 1;
                } else {
                    return 2;
                }
            }
        });
    }
}

在上面的基本設定中，我們的spanCount為2，setSpanSizeLookup可以讓你根據position來設定spanCount，spanCount可以想象成佈局裡面的weight（比重），原先通過layoutManager = new GridLayoutManager(this, 2);設定成一個item佔比為2，那麼如果根據setSpanSizeLookup設定的spanCount為1的話，那麼一行就是2列，這樣才能滿足一行的比重為2；如果spanCount為2的話，則說明一行一列。
通過上面的程式碼，我們就輕鬆的實現了多itemtype甚至listview跟gridview混合的情況。

4.完整程式碼下載地址如下所示：

歡迎一起交流討論
群號：469890293