RecyclerView中的ViewType

1. 前言

    在接触了RecyclerView了之后，就慢慢的用它代替了ListView的使用，结合CardView能创建出比较好看的列表，但是这根本就不够诶，单纯的列表好像没什么意思了，好多应用的信息量比较大而且很复杂，每个item需要用到不同的布局文件来显示不同的信息= =，之前写来写去都是简单的列表，根本就没接触到ViewType这个东西，稍微熟悉并使用了之后，才发现= =RecyclerView还可以这样用噢(原谅我的无知)。

    看下面的这张图= =，豌豆荚里面的列表项，基本上每个item都不一样，下面用一个自己弄的小demo来演示如何在一个RecyclerView中实现多个item。

2. ViewType使用方法

    RecyclerView中的ViewType就是一个int类型的数字，用来将每个item归类，同一类的item使用着同一套布局文件，我们都知道使用RecyclerView的时候会用到Adapter，还会用到ViewHolder。一个ViewHolder对应着一类布局文件，也就是对应着一类item，还需要用Adapter来针对不同的ViewHolder来绑定不同的数据。

2.1 定义不同种类的item视图

    先定义了三种item的xml视图，在这里就不给出了，非常简单的布局，随便自己定义下就好了。对应的需要定义三种不同的ViewHolder:

class ViewHolderOne extends RecyclerView.ViewHolder {    @Bind(R.id.item_recyclerview_demo_user_avatar)    public ImageView mUserAvatar;    @Bind(R.id.item_recyclerview_demo_user_name)    public TextView mUserName;    @Bind(R.id.item_recyclerview_demo_user_info)    public TextView mUserInfo;    @Bind(R.id.item_recyclerview_demo_selected)    public ImageView mSelected;    public ViewHolderOne(View view) {      super(view);      ButterKnife.bind(this, view);    }  }  class ViewHolderTwo extends RecyclerView.ViewHolder {    @Bind(R.id.item_recyclerview_demo_user_avatar)    public ImageView mUserAvatar;    @Bind(R.id.item_recyclerview_demo_user_name)    public TextView mUserName;    @Bind(R.id.item_recyclerview_demo_user_info)    public TextView mUserInfo;    @Bind(R.id.item_recyclerview_demo_selected)    public ImageView mSelected;    public ViewHolderTwo(View view) {      super(view);      ButterKnife.bind(this, view);    }  }  class ViewHolderThree extends RecyclerView.ViewHolder {    @Bind(R.id.item_recyclerview_demo_user_avatar)    public ImageView mUserAvatar;    @Bind(R.id.item_recyclerview_demo_user_name)    public TextView mUserName;    @Bind(R.id.item_recyclerview_demo_user_info)    public TextView mUserInfo;    @Bind(R.id.item_recyclerview_demo_selected)    public ImageView mSelected;    public ViewHolderThree(View view) {      super(view);      ButterKnife.bind(this, view);    }  }

    为了图个方便，三种布局里面主要的控件都是一样的，只是有些地方不同，具有id的一些控件都是相同的，所以ViewHolder中的东西都是一样的，也可以根据自己不同的需求来定义完全不同的ViewHolder(千万不要受我的影响 = =)。

2.2 自定义Adapter

    定义好了三种ViewHolder之后，就需要根据不同的需求，在Adapter里面识别并运用这些ViewHolder，Adapter里面已经定义好了一些方法，只需要重写getItemViewType(int position)方法，给每个固定的position上的item返回一个固定的类型(ViewType)就能方便的表明每个item需要的ViewHolder。

class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {    //User是一个自定义类，代表封装的数据类型    private List<User> mUsers;    //三种不同的ViewType类型，事先用常量定义好    public static final int VIEW_TYPE_ONE = 1;    public static final int VIEW_TYPE_TWO = 2;    public static final int VIEW_TYPE_THREE = 3;    public MyAdapter(List<User> users) {      mUsers = users;    }    @Override    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {      RecyclerView.ViewHolder myViewHolder = null;    //根据不同的ViewType类型，来返回不同的ViewHolder      switch (viewType) {        case VIEW_TYPE_ONE:          myViewHolder = new ViewHolderOne              (LayoutInflater.from(parent.getContext()).inflate(R.layout.layout_item_one, parent, false));        break;        case VIEW_TYPE_TWO:          myViewHolder = new ViewHolderTwo              (LayoutInflater.from(parent.getContext()).inflate(R.layout.layout_item_two, parent, false));          break;        case VIEW_TYPE_THREE:          myViewHolder = new ViewHolderThree              (LayoutInflater.from(parent.getContext()).inflate(R.layout.layout_item_three, parent, false));          break;      }      return myViewHolder;    }    @Override    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {    //根据不同的ViewType类型，进行不同的数据绑定操作      switch (holder.getItemViewType()) {        case VIEW_TYPE_ONE:          ViewHolderOne holderOne = (ViewHolderOne) holder;          holderOne.mUserAvatar.setImageResource(R.mipmap.ic_launcher);          holderOne.mUserName.setText(mUsers.get(position).getUserName());          holderOne.mUserInfo.setText(mUsers.get(position).getInfo());          break;        case VIEW_TYPE_TWO:          ViewHolderTwo holderTwo = (ViewHolderTwo) holder;          holderTwo.mUserAvatar.setImageResource(R.mipmap.user_avatar);          holderTwo.mUserName.setText(mUsers.get(position).getUserName());          holderTwo.mUserInfo.setText(mUsers.get(position).getInfo());          break;        case VIEW_TYPE_THREE:          ViewHolderThree holderThree = (ViewHolderThree) holder;          holderThree.mUserAvatar.setImageResource(R.mipmap.ic_launcher);          holderThree.mUserName.setText(mUsers.get(position).getUserName());          holderThree.mUserInfo.setText(mUsers.get(position).getInfo());          break;      }    }    @Override    public int getItemCount() {      if (null != mUsers) return mUsers.size();      else return 0;    }    //重写方法，给每个position上的item返回一个固定的ViewType类型    //如果返回的ViewType类型不固定，则会出现各种item布局变化的情况，可能还会触发bug    @Override    public int getItemViewType(int position) {      return mUsers.get(position).getType();    }  }

在Adapter里面涉及到了一个User.java的数据类型，下面是其代码:

public class User implements Parcelable {  private int type;  private String info;  private String userName;  public int getType() {    return type;  }  public void setType(int type) {    this.type = type;  }  public String getInfo() {    return info;  }  public void setInfo(String info) {    this.info = info;  }  public String getUserName() {    return userName;  }  public void setUserName(String userName) {    this.userName = userName;  }  public User() {  }  public User(int t, String u, String i) {    type = t;    userName = u;    info = i;  }}

2.3 使用定义好了的Adapter

    一切都准备好了，只需要将Adapter给RecyclerView装上就可以了。再装上一个用来下拉刷新添加数据的控件。

mAdapter = new MyAdapter(mUsers);    mRecyclerView.setLayoutManager(new LinearLayoutManager(getApplicationContext()));    mRecyclerView.setItemAnimator(new DefaultItemAnimator());    mRecyclerView.setAdapter(mAdapter);

使用的效果如下，再加以细节上的处理，一个拥有多个ViewType的RecyclerView就诞生了= =：