Android教程2020 - RecyclerView显示多种item

Android教程2020 - 系列总览
本文链接

前面我们已经用RecyclerView显示一些数据。也知道如何获取滑动的距离。
前面我们的列表中显示的都是同类数据。如果要在一个列表中显示不同类别的数据，该怎么做呢？
RecyclerView已经有应对这类场景的能力，本文描述如何用RecyclerView显示多种内容（item）。

综述

这个例子中涉及到的类和文件比较多。

放在同一个包里的文件

BaseMultiData.java
BaseVH.java
ItemTypeDef.java
MultiData1.java
MultiData2.java
MultiItemAdapter.java
OneVH.java
ReViewDemoMulti.java
TwoVH.java

layout资源文件

item_multi_1.xml
item_multi_2.xml

场景描述，数据准备

首先假设场景。假设我们有2种数据。第一种数据只有1个字符串，第二种数据有2个字符串。
那么我们可以先设计出一个数据的抽象类。并且设计枚举类型来区分这2种数据。

利用枚举类型来区分数据的类别，ItemTypeDef.java。

public class ItemTypeDef {

    public static final int ITEM_TYPE_ONE_TEXT = 1;
    public static final int ITEM_TYPE_2_TEXT = 2;

    public enum Type {
        ONE_TEXT(ITEM_TYPE_ONE_TEXT),
        TWO_TEXT(ITEM_TYPE_2_TEXT);
        int code;

        Type(int code) {
            this.code = code;
        }

        public int getCode() {
            return code;
        }

        public static Type getItemTypeByCode(int code) {
            switch (code) {
                case ITEM_TYPE_ONE_TEXT:
                    return Type.ONE_TEXT;
                case ITEM_TYPE_2_TEXT:
                    return Type.TWO_TEXT;
            }
            return Type.ONE_TEXT;
        }
    }
}

枚举类自己带有ordinal()方法来表明枚举的顺序值。
但这个例子中我们将枚举包裹在一个类里面，并且强行使用了int来标记类别。

数据的抽象类

public abstract class BaseMultiData {
    public abstract int typeCode();
}

表示具体数据的class。
第1种数据class。

public class MultiData1 extends BaseMultiData {

    private String str1;

    public MultiData1(String str1) {
        this.str1 = str1;
    }

    public String getStr1() {
        return str1;
    }

    @Override
    public int typeCode() {
        return ItemTypeDef.Type.ONE_TEXT.getCode();
    }
}

第2种数据class。

public class MultiData2 extends BaseMultiData {

    private String str1;
    private String str2;

    public MultiData2(String str1, String str2) {
        this.str1 = str1;
        this.str2 = str2;
    }

    public String getStr1() {
        return str1;
    }

    public String getStr2() {
        return str2;
    }

    @Override
    public int typeCode() {
        return ItemTypeDef.Type.TWO_TEXT.getCode();
    }
}

可以看到，两种数据类分别持有1和2个String。

资源文件

前面设计了2种数据，对应的，接下来我们设计2种样式。

layout

先准备2种layout。

给第1种数据MultiData1准备了item_multi_1.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="40dp"
    android:background="#33691E"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="12dp"
        android:textColor="#ffffff" />

</LinearLayout>

给第2种数据MultiData2准备了item_multi_2.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:background="#ffffff"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="12dp"
        android:text="tv1"
        android:textColor="#33691E" />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="12dp"
        android:text="tv2"
        android:textColor="#8BC34A" />

</LinearLayout>

VH

设计对应的ViewHolder。
首先是抽象类BaseVH。它持有一个ItemTypeDef.Type来表明自己的类别。

public abstract class BaseVH extends RecyclerView.ViewHolder {
    private ItemTypeDef.Type type;
    public View root;

    public BaseVH(View itemView, ItemTypeDef.Type type) {
        super(itemView);
        this.root = itemView;
        this.type = type;
    }

    public ItemTypeDef.Type getType() {
        return type;
    }
}

具体实现类。第1种数据的OneVH。

public class OneVH extends BaseVH {
    public TextView tv1;

    public OneVH(View itemView, ItemTypeDef.Type type) {
        super(itemView, type);
        tv1 = itemView.findViewById(R.id.tv1);
    }
}

第2种数据的TwoVH。

public class TwoVH extends BaseVH {
    public TextView tv1;
    public TextView tv2;

    public TwoVH(View itemView, ItemTypeDef.Type type) {
        super(itemView, type);
        tv1 = itemView.findViewById(R.id.tv1);
        tv2 = itemView.findViewById(R.id.tv2);
    }
}

设计适配器

现在2种数据的类和资源都准备好了。我们来设计适配器。
RecyclerView.Adapter中用来区分子项类别的方法是public int getItemViewType(int position)。
我们需要复写这个方法，告诉RecyclerView当前子项的类别。它返回的是int。

    @Override
    public int getItemViewType(int position) {
        return dataList.get(position).typeCode();
    }

适配器完整代码如下


public class MultiItemAdapter extends RecyclerView.Adapter<BaseVH> {

    private List<BaseMultiData> dataList = new ArrayList<>();

    public void setDataList(List<BaseMultiData> dataList) {
        this.dataList = dataList;
        notifyDataSetChanged();
    }

    @NonNull
    @Override
    public BaseVH onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        switch (ItemTypeDef.Type.getItemTypeByCode(viewType)) {
            case ONE_TEXT:
                return new OneVH(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_multi_1, parent, false), ItemTypeDef.Type.ONE_TEXT);
            case TWO_TEXT:
                return new TwoVH(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_multi_2, parent, false), ItemTypeDef.Type.TWO_TEXT);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(@NonNull BaseVH holder, int position) {
        BaseMultiData data = dataList.get(position);
        switch (holder.getType()) {
            case ONE_TEXT:
                ((OneVH) holder).tv1.setText(((MultiData1) data).getStr1());
                break;
            case TWO_TEXT:
                TwoVH twoVH = (TwoVH) holder;
                MultiData2 data2 = (MultiData2) data;
                twoVH.tv1.setText(data2.getStr1());
                twoVH.tv2.setText(data2.getStr2());
                break;
        }
    }

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

    @Override
    public int getItemViewType(int position) {
        return dataList.get(position).typeCode();
    }
}

要显示多种item，得把它们装在一起。数据列表dataList声明装载的是抽象类BaseMultiData。
创建ViewHolder的onCreateViewHolder方法中，根据viewType来判断应该创建哪一种ViewHolder。
装配数据的onBindViewHolder方法中，也是根据holder的类别来设置相应的数据。这里用到了强制转换。

在activity中使用这个适配器

public class ReViewDemoMulti extends AbsActivity {

    private MultiItemAdapter mMultiItemAdapter = new MultiItemAdapter();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recyler_view_demo);

        RecyclerView recyclerView = findViewById(R.id.re_view);
        recyclerView.setAdapter(mMultiItemAdapter);
        recyclerView.setLayoutManager(new LinearLayoutManager(this, RecyclerView.VERTICAL, false));

        mMultiItemAdapter.setDataList(genData());
    }

    private List<BaseMultiData> genData() {
        List<BaseMultiData> list = new ArrayList<>();
        for (int i = 0; i < 60; i++) {
            if (i % 2 == 0) {
                list.add(new MultiData1("[Data1] " + i));
            } else {
                list.add(new MultiData2("[Data2] " + i, "Type2"));
            }
        }
        return list;
    }
}

运行起来即可看到效果。
这是一个简单的例子??，工作中的开发需求会更复杂或繁杂。可以本文介绍的方法为基础，实现具体的开发需求。

工程放这里： https://github.com/AnRFDev/Tutorial2020

相关阅读
RecyclerView - 使用入门
RecyclerView点击事件 - 如何设置点击事件
RecyclerView示例 - 实际使用

原文地址：https://www.cnblogs.com/rustfisher/p/12268983.html

时间： 2024-10-26 21:32:25

Android教程2020 - RecyclerView显示多种item的相关文章

Android教程2020 - RecyclerView使用入门

本文介绍RecyclerView的使用入门.这里给出一种比较常见的使用方式. Android教程2020 - 系列总览 本文链接 想必读者朋友对列表的表现形式已经不再陌生.手机上有联系人列表,文件列表,短信列表等等. 本文讲述的是在Android开发中用RecyclerView来实现列表效果. 使用步骤 引入RecyclerView 在app的build.gradle文件中添加引用.我们使用的是androidx包. dependencies { // ... implementation 'an

Android教程2020 - RecyclerView响应点击

本文介绍RecyclerView设置点击的方法.这里给出比较常见的使用方式. Android教程2020 - 系列总览 本文链接 前面我们已经知道如何用RecyclerView显示一列数据. 用户点击某个item时,app可以做出相应的反应.这里我们使用添加点击监听器的方式来实现这个效果. Android开发中,监听器模式使用十分广泛.最先被开发者认识到的应该是Button的点击事件监听. 设计并添加监听器 首先设计监听器.OnItemClickListener1接口.实际开发中,接口的名字可以

Android教程2020 - RecyclerView获取滑动距离

获取RecyclerView滑动的距离. Android教程2020 - 系列总览 本文链接 前面我们已经用RecyclerView显示一些数据. 本文演示如何获取RecyclerView的滑动距离. 要实现这个功能,需要给RecyclerView添加滑动时监听RecyclerView.OnScrollListener. recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public

Android 设置ListView当前显示的item

项目中可能会有这种需求:动态设置ListView显示的item 这种需求可能会出现在不同的情况下,有的是打开页面就要显示在特定的位置,也有的是浏览列表时实时更新数据并且改变了集合中数据,或者是某种条件触发而改变显示的位置,我遇到的就是第二种. 先说说我的情况: 用ListView展示数据,当上拉或下拉刷新时会增加集合中数据的数量,但是考虑如果item太多可能会太占资源,于是我就控制了一下集合的长度,每次刷新后如果size超过最大值时我就会从集合中移除一部分数据,但是当我在刷新adapter时问题

ListView显示多种类型的item

ListView可以显示多种类型的条目布局,这里写显示两种布局的情况,其他类似 这是MainActivity:,MainActivity的布局就是一个ListView public class MainActivity extends Activity { private ListView lv; private List<People> lists; @Override protected void onCreate(Bundle savedInstanceState) { super.on

【Android 界面效果49】RecyclerView高度随Item自适应

编写RecyclerView.ItemDecoration时,在onDraw方法中,Drawable的高度等于RecyclerView的高度减去RecyclerView的上下padding. @Override public void onDraw(Canvas c, RecyclerView parent, State state) { int top = parent.getPaddingTop(); int bottom = parent.getHeight() - parent.getP

Android基础入门教程——2.4.8 ListView Item多布局的实现

Android基础入门教程--2.4.8 ListView Item多布局的实现 标签(空格分隔): Android基础入门教程 本节引言: 本节是ListView这个小节的最后一节,给大家带来的是ListView多布局Item的实现, 何为ListView Item多布局,打个比方,QQ这种聊天列表: 假如他是用一个ListView做的,那么一个ListView上不就有两种不同的Item咯! 一左一右,嘿嘿,本节就来教大家如何实现ListView的多布局! 1.要点讲解: 重写getItemV

Android 如何在一个Activity中合理地显示多种类型的checkBox

近来研究了一下如何在一个Activity中合理地显示多种类型的checkBox,效果如下: 1. 2. 3. [0分下载源代码]

Android自学历程—RecyclerView的使用

在网上看见有关RecyclerView的介绍,说是ListView的进阶版,官方推荐,便找来资料,耍耍. 首先挂上官方的教程,官方是最具权威和最让人信服的第一手资料. https://developer.android.com/training/material/lists-cards.html To create complex lists and cards with material design styles in your apps, you can use the RecyclerV