Android开发之RecyclerView的不同position加载不同View详解

近日做项目，使用RecyclerView控件来显示数据，然而，在使用过程中，需要在不同的position设置不同的布局，该怎么办呢？？？

不要着急，经本人的一番研究后，终于实现了其基本功能，现将代码贴出，还望各位大神批评指正，不喜勿喷，灰常感谢O(∩_∩)O哈哈~

核心思想：

1.重写RecyclerView.Adapter的getItemViewType(int position),

  在此方法中根据不同的position，设置不同的ViewType

2.编写具体的RecyclerView.ViewHolder子类(不同子类对应不同View或Layout)

3.重写RecyclerView.Adapter的onCreateViewHolder(ViewGroup parent,int viewType)

  在此方法中根据我们之前设置的ViewType来返回不同的RecyclerView.ViewHolder的子类

下面我们废话少说，直接贴代码了：

MainActivity

package com.hxht.testrecyclerviewwithdifferentitemview;import android.os.Bundle;import android.support.design.widget.FloatingActionButton;import android.support.design.widget.Snackbar;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import android.view.View;import android.view.Menu;import android.view.MenuItem;import android.widget.NumberPicker;import android.widget.Toast;import com.hxht.testrecyclerviewwithdifferentitemview.adapter.MyAdapter;import com.hxht.testrecyclerviewwithdifferentitemview.customview.DividerItemDecoration;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {    private Toolbar toolbar;    private FloatingActionButton fab;    private RecyclerView recyclerView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initView();        initData();    }    /**     * 找控件     */    private void initView() {        toolbar = (Toolbar) findViewById(R.id.toolbar);        fab = (FloatingActionButton) findViewById(R.id.fab);        recyclerView = (RecyclerView) findViewById(R.id.recyclerview);    }    /**     * 给我们需要的控件填充数据     */    private void initData() {        setSupportActionBar(toolbar);        fab.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG).setAction("Action", null).show();            }        });        List<String> descs = new ArrayList<>();        descs.clear();        List<Integer> images = new ArrayList<>();        images.clear();        for (int i = 1; i < 21; i++) {            descs.add("测试数据" + (i < 10 ? "0" + i : i));        }        images.add(R.mipmap.icon01);        images.add(R.mipmap.icon02);        images.add(R.mipmap.icon03);        images.add(R.mipmap.icon04);        images.add(R.mipmap.icon05);        images.add(R.mipmap.icon06);        images.add(R.mipmap.icon07);        images.add(R.mipmap.icon07);        images.add(R.mipmap.icon08);        images.add(R.mipmap.icon09);        images.add(R.mipmap.icon10);        images.add(R.mipmap.icon11);        images.add(R.mipmap.icon12);        images.add(R.mipmap.icon13);        images.add(R.mipmap.icon14);        images.add(R.mipmap.icon15);        images.add(R.mipmap.icon16);        images.add(R.mipmap.icon17);        images.add(R.mipmap.icon18);        images.add(R.mipmap.icon19);        images.add(R.mipmap.icon20);        MyAdapter adapter = new MyAdapter(MainActivity.this, descs, images);        recyclerView.setAdapter(adapter);        RecyclerView.LayoutManager manager = new LinearLayoutManager(MainActivity.this, LinearLayoutManager.VERTICAL, false);        recyclerView.setLayoutManager(manager);        recyclerView.addItemDecoration(new DividerItemDecoration(MainActivity.this, DividerItemDecoration.VERTICAL_LIST));        adapter.setmOnItemClickListener(new MyAdapter.OnItemClickListener() {            @Override            public void onItemClick(View view, int position) {                Toast.makeText(MainActivity.this, "点击了" + position + "位置", Toast.LENGTH_SHORT).show();            }        });    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        int id = item.getItemId();        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}

MyAdapter

package com.hxht.testrecyclerviewwithdifferentitemview.adapter;import android.content.Context;import android.support.v7.widget.RecyclerView;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;import com.hxht.testrecyclerviewwithdifferentitemview.R;import java.util.ArrayList;import java.util.List;public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {    private Context mContext;    private List<String> descs;    private List<Integer> images;    private List<Object> allList;    private static final int TEXTVIEW_VIEWTYPE = 1;    private static final int IMAGEVIEW_VIEWTYPE = 2;    public interface OnItemClickListener {        void onItemClick(View view, int position);    }    private OnItemClickListener mOnItemClickListener;    public OnItemClickListener getmOnItemClickListener() {        return mOnItemClickListener;    }    public void setmOnItemClickListener(OnItemClickListener mOnItemClickListener) {        this.mOnItemClickListener = mOnItemClickListener;    }    public MyAdapter(Context mContext, List<String> descs, List<Integer> images) {        this.mContext = mContext;        this.descs = descs;        this.images = images;        allList = new ArrayList<>();        allList.clear();        for (int i = 0; i < descs.size(); i++) {            allList.add(descs.get(i));            allList.add(images.get(i));        }    }    @Override    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        RecyclerView.ViewHolder holder = getViewHolderByViewType(viewType);        return holder;    }    private RecyclerView.ViewHolder getViewHolderByViewType(int viewType) {        View tv_ItemView = View.inflate(mContext, R.layout.activity_rv_tv_item, null);        View iv_ItemView = View.inflate(mContext, R.layout.activity_rv_iv_item, null);        RecyclerView.ViewHolder holder = null;        switch (viewType) {            case TEXTVIEW_VIEWTYPE:                holder = new MyTextView_ViewHolder(tv_ItemView);                break;            case IMAGEVIEW_VIEWTYPE:                holder = new MyImageView_ViewHolder(iv_ItemView);                break;        }        return holder;    }    @Override    public int getItemViewType(int position) {        int viewType = -1;        int index = position % 2;        switch (index) {            case 0:                viewType = TEXTVIEW_VIEWTYPE;                break;            case 1:                viewType = IMAGEVIEW_VIEWTYPE;                break;        }        return viewType;    }    @Override    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {        if (position % 2 == 0) {            ((MyTextView_ViewHolder) holder).tv.setText(((String) allList.get(position)));            ((MyTextView_ViewHolder) holder).view.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    if (mOnItemClickListener != null) {                        mOnItemClickListener.onItemClick(v, position);                    }                }            });        } else {            ((MyImageView_ViewHolder) holder).iv.setImageResource(((Integer) allList.get(position)));            ((MyImageView_ViewHolder) holder).view.setOnClickListener(new View.OnClickListener() {                @Override                public void onClick(View v) {                    if (mOnItemClickListener != null) {                        mOnItemClickListener.onItemClick(v, position);                    }                }            });        }    }    @Override    public int getItemCount() {        return allList.size();    }    class MyTextView_ViewHolder extends RecyclerView.ViewHolder {        public View view;        public TextView tv;        public MyTextView_ViewHolder(View itemView) {            super(itemView);            this.view = itemView;            this.tv = (TextView) itemView.findViewById(R.id.tv);        }    }    class MyImageView_ViewHolder extends RecyclerView.ViewHolder {        public View view;        public ImageView iv;        public MyImageView_ViewHolder(View itemView) {            super(itemView);            this.view = itemView;            this.iv = (ImageView) itemView.findViewById(R.id.iv);        }    }}

DividerItemDecoration

package com.hxht.testrecyclerviewwithdifferentitemview.customview;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Rect;import android.graphics.drawable.Drawable;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.view.View;public class DividerItemDecoration extends RecyclerView.ItemDecoration {    private static final int[] ATTRS = new int[]{            android.R.attr.listDivider    };    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;    private Drawable mDivider;    private int mOrientation;    public DividerItemDecoration(Context context, int orientation) {        final TypedArray a = context.obtainStyledAttributes(ATTRS);        mDivider = a.getDrawable(0);        a.recycle();        setOrientation(orientation);    }    public void setOrientation(int orientation) {        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {            throw new IllegalArgumentException("invalid orientation");        }        mOrientation = orientation;    }    @Override    public void onDraw(Canvas c, RecyclerView parent) {        if (mOrientation == VERTICAL_LIST) {            drawVertical(c, parent);        } else {            drawHorizontal(c, parent);        }    }    public void drawVertical(Canvas c, RecyclerView parent) {        final int left = parent.getPaddingLeft();        final int right = parent.getWidth() - parent.getPaddingRight();        final int childCount = parent.getChildCount();        for (int i = 0; i < childCount; i++) {            final View child = parent.getChildAt(i);            RecyclerView v = new RecyclerView(parent.getContext());            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child                    .getLayoutParams();            final int top = child.getBottom() + params.bottomMargin;            final int bottom = top + mDivider.getIntrinsicHeight();            mDivider.setBounds(left, top, right, bottom);            mDivider.draw(c);        }    }    public void drawHorizontal(Canvas c, RecyclerView parent) {        final int top = parent.getPaddingTop();        final int bottom = parent.getHeight() - parent.getPaddingBottom();        final int childCount = parent.getChildCount();        for (int i = 0; i < childCount; i++) {            final View child = parent.getChildAt(i);            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child                    .getLayoutParams();            final int left = child.getRight() + params.rightMargin;            final int right = left + mDivider.getIntrinsicHeight();            mDivider.setBounds(left, top, right, bottom);            mDivider.draw(c);        }    }    @Override    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {        if (mOrientation == VERTICAL_LIST) {            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());        } else {            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);        }    }}

布局文件如下：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:fitsSystemWindows="true"    tools:context=".MainActivity">    <android.support.design.widget.AppBarLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:theme="@style/AppTheme.AppBarOverlay">        <android.support.v7.widget.Toolbar            android:id="@+id/toolbar"            android:layout_width="match_parent"            android:layout_height="?attr/actionBarSize"            android:background="?attr/colorPrimary"            android:theme="@style/AppTheme.AppBarOverlay"            app:popupTheme="@style/AppTheme.PopupOverlay" />    </android.support.design.widget.AppBarLayout>    <include layout="@layout/content_main" />    <android.support.design.widget.FloatingActionButton        android:id="@+id/fab"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="end|bottom"        android:layout_margin="@dimen/fab_margin"        android:src="@android:drawable/ic_dialog_email" /></android.support.design.widget.CoordinatorLayout>

activity_rv_iv_item.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"    android:padding="15dip">    <ImageView        android:id="@+id/iv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:layout_gravity="center" /></RelativeLayout>

activity_rv_tv_item.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"    android:padding="15dip">    <TextView        android:id="@+id/tv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:layout_gravity="center"        android:textColor="#000000"        android:textSize="24dip" /></RelativeLayout>

content_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    app:layout_behavior="@string/appbar_scrolling_view_behavior"    tools:context=".MainActivity"    tools:showIn="@layout/activity_main">    <android.support.v7.widget.RecyclerView        android:id="@+id/recyclerview"        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>

效果图如下：

代码已贴出，正所谓取之于社会，回报于社会，还望各位大神批评指正，不喜勿喷，灰常感谢O(∩_∩)O哈哈~