RecyclerView的使用(三)多布局

在項(xiàng)目中，我們經(jīng)常用到多布局的情況，跟ListView一樣，我們需要通過ViewType來進(jìn)行區(qū)分。
界面效果如圖：

這里寫圖片描述

（一）單布局的Adapter

首先我們看下以前單布局的Adapter是如何去寫的：

我們繼承了RecyclerView.Adapter，泛型是MyAdapter 中繼承的ViewHolder類，這樣寫后我們的onCreateViewHolder和onBindViewHolder的方法參數(shù)都是我們的ViewHolder了，是無法做到區(qū)分多布局的。

class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{
        @Override
        public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            return null;
        }

        @Override
        public void onBindViewHolder(MyAdapter.MyViewHolder holder, int position) {

        }

        @Override
        public int getItemCount() {
            return 0;
        }
        //繼承RecyclerView.ViewHolder
        class MyViewHolder extends  RecyclerView.ViewHolder{

            public MyViewHolder(View itemView) {
                super(itemView);
            }
        }
    }

（二）多布局的Adapter

多布局的Adapter我們泛型為RecyclerView.ViewHolder，通過ViewType，我們區(qū)分使用不同的ViewHolder。

RecyclerView提供了方法去區(qū)分ViewType

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

onCreateViewHolder的第二個(gè)參數(shù)int viewType就是getItemViewType的返回值

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            return null;
}

在onBindViewHolder中，我們的來綁定布局

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
}

我們看看如何去實(shí)現(xiàn)，我們首先定義兩個(gè)標(biāo)志,

public static final int ONE_ITEM = 1;
public static final int TWO_ITEM = 2;

代碼奉上

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

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

public class ViewTypeActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView;
    private List<String> mDatas;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initData();
        setContentView(R.layout.activity_water_full);
        mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        mRecyclerView.addItemDecoration(new SpacesItemDecoration(12));
        mRecyclerView.setAdapter(new ViewTypeAdapter());
    }

    private void initData() {
        mDatas = new ArrayList<String>();
        for (int i = 0; i < 24; i++) {
            mDatas.add("位置是" + i);
        }
    }

    class ViewTypeAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{

        public static final int ONE_ITEM = 1;
        public static final int TWO_ITEM = 2;

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater mInflater = LayoutInflater.from(ViewTypeActivity.this);
            RecyclerView.ViewHolder holder = null;
            if(ONE_ITEM == viewType){
                View v = mInflater.inflate(R.layout.item_linear,parent,false);
                holder = new OneViewHolder(v);
            }else{
                View v = mInflater.inflate(R.layout.item_two,parent,false);
                holder = new TwoViewHolder(v);
            }
            return holder;
        }

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            if(holder instanceof OneViewHolder){
                ((OneViewHolder) holder).tv.setText(mDatas.get(position));
            }else {
                ((TwoViewHolder) holder).tv1.setText(mDatas.get(position));
                ((TwoViewHolder) holder).tv2.setText(mDatas.get(position));
            }
        }

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

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

        class OneViewHolder extends RecyclerView.ViewHolder{
            TextView tv;
            public OneViewHolder(View itemView) {
                super(itemView);
                tv = (TextView) itemView.findViewById(R.id.adapter_linear_text);
            }
        }

        class TwoViewHolder extends RecyclerView.ViewHolder{
            TextView tv1,tv2;
            public TwoViewHolder(View itemView) {
                super(itemView);
                tv1 = (TextView) itemView.findViewById(R.id.adapter_two_1);
                tv2 = (TextView) itemView.findViewById(R.id.adapter_two_2);
            }
        }
    }
}

兩個(gè)XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/adapter_two_1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_marginRight="5dp"
        android:background="#3FFF99"
        android:gravity="center" />

    <TextView
        android:id="@+id/adapter_two_2"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_marginLeft="5dp"
        android:layout_height="match_parent"
        android:background="#3FFF99"
        android:gravity="center" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/adapter_linear_text"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#a9a8ff"
    android:gravity="center"/>

間距的設(shè)定請(qǐng)看第一篇,效果圖如下：

這里寫圖片描述

通過RecyclerView.Adapter設(shè)置多布局是非常方便的，而且大家可以發(fā)現(xiàn)當(dāng)RecyclerView為L(zhǎng)inearLayoutManager，我們可以通過viewType給RecyclerView來設(shè)置Header和Footer，如

public static final int HEADER = 1;
        public static final int FOOTER = 2;
        public static final int ITEM = 3;
        @Override
        public int getItemViewType(int position) {
            if(position == 0){
                return HEADER;
            }else if(position == getItemCount() -1){
                return FOOTER;
            }else{
                return ITEM;
            }
        }

        @Override
        public int getItemCount() {
            return mDatas.size() + 2;//Header和Footer
        }

但是當(dāng)布局管理器為GridLayoutManager和StaggeredGridLayoutManager時(shí)就要不能這樣去做了。
如何去加我會(huì)放在后面去寫。