Android RecyclerView实现加载多种条目类型

今天咱们是用RecyclerView来实现这个多种Item的加载.
其实最关键的是要复写RecyclerView的Adapter中的getItemViewType()方法这个方法就根据条件返回条目的类型这个MoreTypeBean 是用来传数据的没必要跟我写的一样,
其实就是从activity中传到adapter中的数据中必须要有一个type字段来判断这个item对象需要那种视图,然后return出一个标记,在onCreateViewHolder中在引用所对应的item布局.

//重写getItemViewType方法 根据条件返回条目的类型
    @Override
    public int getItemViewType(int position) { MoreTypeBean moreTypeBean = mData.get(position); if (moreTypeBean.type == 0) { return TYPE_PULL_IMAGE; } else if (moreTypeBean.type == 1) { return TYPE_RIGHT_IMAGE; } else { return TYPE_THREE_IMAGE; } }

一般有多少种类型我们定义多少种常量.(我今天写了三种布局所以我定义了三个)

  //定义三种常量  表示三种条目类型
    public static final int TYPE_PULL_IMAGE = 0; public static final int TYPE_RIGHT_IMAGE = 1; public static final int TYPE_THREE_IMAGE = 2;

有了上面定义的常量之后在onCreateViewHolder里根据viewtype来判断所引用的item布局类型这样每一条item就会不一样了

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //创建不同的 ViewHolder View view; //根据viewtype来判断 if (viewType == TYPE_PULL_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_pull_img,null); return new PullImageHolder(view); } else if (viewType == TYPE_RIGHT_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_right_img,null); return new RightImageHolder(view); } else { view =View.inflate(parent.getContext(),R.layout.item_three_img,null); return new ThreeImageHolder(view); } }

创建三种不同的ViewHolder


    private class PullImageHolder extends RecyclerView.ViewHolder { public PullImageHolder(View itemView) { super(itemView); } } private class RightImageHolder extends RecyclerView.ViewHolder { public RightImageHolder(View itemView) { super(itemView); } } private class ThreeImageHolder extends RecyclerView.ViewHolder { public ThreeImageHolder(View itemView) { super(itemView); } }

下面把所有的代码都给大家:
Activity中的代码

public class Recycler_variety_Activity extends Activity { private int[] icons = {R.drawable.test, R.drawable.test1, R.drawable.test2, R.drawable.test3, R.drawable.test4, R.drawable.test5, R.drawable.test6}; private RecyclerView mRecy; private List<MoreTypeBean> mData; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.recycler_variety_activity); initView(); initData(); initViewOper(); } private void initView() { mRecy = (RecyclerView) findViewById(R.id.act_recycler_variety_recycler); } private void initData() { mData = new ArrayList<>(); // 随机数 用来标记item界面的类型 Random random = new Random(); for (int i = 0; i < icons.length; i++) { MoreTypeBean more = new MoreTypeBean(); more.pic = icons[i]; more.type = random.nextInt(3); mData.add(more); } } private void initViewOper() { LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this); mRecy.setLayoutManager(linearLayoutManager); Recycler_variety_Adapter adapter = new Recycler_variety_Adapter(mData); mRecy.setAdapter(adapter); } }

recyclerview_test_layout的布局就是只有一个RecyclerView

   <android.support.v7.widget.RecyclerView
        android:id="@+id/act_recycler_variety_recycler" android:layout_width="match_parent" android:background="#d3d3d3" android:layout_height="match_parent"/>

RecyclerView的Adapter

public class Recycler_variety_Adapter extends RecyclerView.Adapter { //定义三种常量 表示三种条目类型 public static final int TYPE_PULL_IMAGE = 0; public static final int TYPE_RIGHT_IMAGE = 1; public static final int TYPE_THREE_IMAGE = 2; private List<MoreTypeBean> mData; public Recycler_variety_Adapter(List<MoreTypeBean> data) { this.mData = data; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { //创建不同的 ViewHolder View view; //根据viewtype来创建条目 if (viewType == TYPE_PULL_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_pull_img,null); return new PullImageHolder(view); } else if (viewType == TYPE_RIGHT_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_right_img,null); return new RightImageHolder(view); } else { view =View.inflate(parent.getContext(),R.layout.item_three_img,null); return new ThreeImageHolder(view); } } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { } @Override public int getItemCount() { if (mData != null) { return mData.size(); } return 0; } //根据条件返回条目的类型 @Override public int getItemViewType(int position) { MoreTypeBean moreTypeBean = mData.get(position); if (moreTypeBean.type == 0) { return TYPE_PULL_IMAGE; } else if (moreTypeBean.type == 1) { return TYPE_RIGHT_IMAGE; } else { return TYPE_THREE_IMAGE; } } /** * 创建三种ViewHolder */ private class PullImageHolder extends RecyclerView.ViewHolder { public PullImageHolder(View itemView) { super(itemView); } } private class RightImageHolder extends RecyclerView.ViewHolder { public RightImageHolder(View itemView) { super(itemView); } } private class ThreeImageHolder extends RecyclerView.ViewHolder { public ThreeImageHolder(View itemView) { super(itemView); } } }

item_pull_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:padding="7dp" android:background="#fff" android:orientation="vertical" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#000" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型" android:textSize="16sp" /> <ImageView android:layout_width="match_parent" android:layout_height="150dp" android:background="@drawable/sucai6" android:scaleType="fitXY" /> </LinearLayout> <View android:layout_marginTop="3dp" android:layout_width="match_parent" android:layout_height="1dp" android:background="#d3d3d3" /> </LinearLayout>

item_right_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="100dp" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#fff" android:orientation="horizontal" android:padding="7dp"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型" android:textColor="#000" android:textSize="16sp" /> <ImageView android:layout_width="120dp" android:layout_height="90dp" android:background="@drawable/sucai" /> </LinearLayout> <View android:layout_marginTop="3dp" android:layout_width="match_parent" android:layout_height="1dp" android:background="#d3d3d3" /> </LinearLayout>

item_three_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:background="#fff" android:padding="7sp" android:layout_height="wrap_content"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型多种条目类型" android:textColor="#000" android:textSize="16sp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai3" /> <View android:layout_width="6dp" android:layout_height="0dp"/> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai4" /> <View android:layout_width="6dp" android:layout_height="0dp"/> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai5" /> </LinearLayout> </LinearLayout> <View android:layout_marginTop="3dp" android:background="#d3d3d3" android:layout_width="match_parent" android:layout_height="1dp"/> </LinearLayout>

MoreTypeBean

public class MoreTypeBean {
    public int type;
    public int pic; }

Android RecyclerView实现加载多种条目类型

猜你喜欢