RecyclerView显示多种Item布局

如果大家不了解RecyclerView，请点击下面博客先进行了解：

http://blog.csdn.net/zheng_jiao/article/details/52389707

如果大家使用过RecyclerView，显示多个item非常简单；

我们项目中有6个不同的布局，在这里我为了大家方便查看，我显示2个不同的布局；

/**
 * Created by ZhengJiao on 2017/1/23.
 * 显示多个item和显示单个item的区别就是：
 *      1，TopRecyclerViewAdapter不再集成单个ViewHolder，而是集成RecyclerView.ViewHolder
 *      2，添加getItemViewType(int position)方法
 *      3，创建每个item对应的ViewHolder(创建多个ViewHolder)
 */
public class TopRecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private final Context context;
    //布局标识集合
    private final List<Integer> typeList;

    //设置两个常量
    private static final int TYPE_IMG_THREE = 2;      //2F(显示3张图片)
    private static final int TYPE_IMG_RECYCLER = 3;   //3F(显示无数张图片)

    public TopRecyclerViewAdapter(Context context,List<Integer> typeList) {
        this.context = context;
        this.typeList = typeList;
    }

    /**
     *根据不同的position，设置不同的ViewType
     *position表示当前是第几个Item，通过position拿到当前的Item对象，然后判断这个item对象需要那种视图
     */
    public int getItemViewType(int position) {
        if (typeList.get(position) == 2) {
            return TYPE_IMG_THREE;
        } else if (typeList.get(position) == 3) {
            return TYPE_IMG_RECYCLER;
        }else {
            return 0;
        }
    }

    //重写onCreateViewHolder方法，返回一个自定义的ViewHolder(当RecyclerView需要一个ViewHolder时会回调该方法，如果有可复用的View不会回调)
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

       if (viewType == TYPE_IMG_THREE) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_recyclerview_three, parent, false);
            ThreeViewHolder threeViewHolder = new ThreeViewHolder(view);
            return threeViewHolder;
        } else if (viewType == TYPE_IMG_RECYCLER) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_recyclerview_hrecyclerview, parent, false);
            RecyclerViewHolder recyclerViewHolder = new RecyclerViewHolder(view);
            return recyclerViewHolder;
        }
        return null;
    }

    //填充onCreateViewHolder方法返回的holder中的控件(当一个View需要出现在屏幕上时，该方法会被回调，我们需要再该方法中根据数据来更改视图)
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
       if (holder instanceof ThreeViewHolder) {
            setFloorTwo((ThreeViewHolder) holder);
        } else if (holder instanceof RecyclerViewHolder) {
            setFloorThree((RecyclerViewHolder) holder);
        }
    }

    //获取数据的数量(告诉RecyclerView有多少个视图需要显示)
    public int getItemCount() {
        return typeList.size();
    }

    //设置二楼数据（显示3张图片）
    private void setFloorTwo(ThreeViewHolder holder) {
        holder.tvTitle.setText("这里显示三张图片");
    }

    //设置三楼数据（显示N张图片）
    private void setFloorThree(RecyclerViewHolder holder) {
        setHRecyclerView(holder.hRecyclerView);
    }

    private void setHRecyclerView(RecyclerView hRecyclerView) {

        HRecyclerViewAdapter hRecyclerViewAdapter = new HRecyclerViewAdapter(context);
        LinearLayoutManager layoutManager = new LinearLayoutManager(context);
        layoutManager.setOrientation(OrientationHelper.HORIZONTAL);
        hRecyclerView.setLayoutManager(layoutManager);
        hRecyclerView.setHasFixedSize(false);
        hRecyclerView.setAdapter(hRecyclerViewAdapter);

        hRecyclerViewAdapter.setOnItemClickListener(new HRecyclerViewAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(int position) {
                Toast.makeText(context,"你点击了"+position+"条",Toast.LENGTH_SHORT).show();
            }
        });
    }

    //三张图片
    public class ThreeViewHolder extends RecyclerView.ViewHolder {

        public TextView tvTitle;
        public ImageView ivOne, ivTwo, ivThree;
        public ThreeViewHolder(View itemView) {
            super(itemView);
            tvTitle = (TextView) itemView.findViewById(R.id.tv_title);
            ivOne = (ImageView) itemView.findViewById(R.id.iv_one);
            ivTwo = (ImageView) itemView.findViewById(R.id.iv_two);
            ivThree = (ImageView) itemView.findViewById(R.id.iv_three);
        }

    }

    //横向的RecyclerView
    public class RecyclerViewHolder extends RecyclerView.ViewHolder {

        public TextView tvTitle;
        public RecyclerView hRecyclerView;
        public RecyclerViewHolder(View itemView) {
            super(itemView);
            tvTitle = (TextView) itemView.findViewById(R.id.tv_title);
            hRecyclerView = (RecyclerView) itemView.findViewById(R.id.h_recyclerview);
        }

    }

}

在MainActivity中使用和单个item一样：

tRecyclerView= (RecyclerView) findViewById(R.id.recyclerview);
        TopRecyclerViewAdapter adapter = new TopRecyclerViewAdapter(this, typeList);
        tRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        tRecyclerView.setHasFixedSize(false);
        tRecyclerView.setAdapter(adapter);

点击打开链接免费下载源码