Android教程2020 - 系列总览

本文链接

前面我们的列表中显示的都是同类数据。如果要在一个列表中显示不同类别的数据,该怎么做呢?

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;
}
}

运行起来即可看到效果。

这是一个简单的例子

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

  1. Android教程2020 - RecyclerView使用入门

    本文介绍RecyclerView的使用入门.这里给出一种比较常见的使用方式. Android教程2020 - 系列总览 本文链接 想必读者朋友对列表的表现形式已经不再陌生.手机上有联系人列表,文件列表 ...

  2. Android教程2020 - RecyclerView响应点击

    本文介绍RecyclerView设置点击的方法.这里给出比较常见的使用方式. Android教程2020 - 系列总览 本文链接 前面我们已经知道如何用RecyclerView显示一列数据. 用户点击 ...

  3. Android教程2020 - RecyclerView实际使用

    示例,用RecyclerView的item做出一个列表. Android教程2020 - 系列总览 本文链接 前面我们已经知道如何用RecyclerView显示一列数据.这里我们做出一个具体的例子.尽 ...

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

    获取RecyclerView滑动的距离. Android教程2020 - 系列总览 本文链接 前面我们已经用RecyclerView显示一些数据. 本文演示如何获取RecyclerView的滑动距离. ...

  5. Android 设置ListView当前显示的item

    项目中可能会有这种需求:动态设置ListView显示的item 这种需求可能会出现在不同的情况下,有的是打开页面就要显示在特定的位置,也有的是浏览列表时实时更新数据并且改变了集合中数据,或者是某种条件 ...

  6. Android进阶笔记11:ListView篇之ListView显示多种类型的条目(item)

    ListView可以显示多种类型的条目布局,这里写显示两种布局的情况,其他类似. 1. 这是MainActivity,MainActivity的布局就是一个ListView,太简单了这里就不写了,直接 ...

  7. Android进阶笔记10:ListView篇之ListView显示多种类型的条目(item)

    ListView可以显示多种类型的条目布局,这里写显示两种布局的情况,其他类似. 1. 这是MainActivity,MainActivity的布局就是一个ListView,太简单了这里就不写了,直接 ...

  8. Android解决RecyclerView中的item显示不全方案

    最近的项目中实现订单确定页面.需要使用ScrollView嵌套RecyclerView,当RecyclerView中的item数量比较多时,就会出现item只显示一部分数据,并没有将用户勾选的商品数量 ...

  9. RecyclerView的使用之多种Item加载布局

    精益求精,为了更加透彻熟练得掌握,本文再次给大家介石介绍下如何利用RecyclerView实现多Item布局的加载,多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不 ...

随机推荐

  1. .NET ORM 开源项目 FreeSql 1.0 正式版发布

    一.简介 FreeSql 是 .NET 平台下的对象关系映射技术(O/RM),支持 .NetCore 2.1+ 或 .NetFramework 4.0+ 或 Xamarin. 从 0.0.1 发布,历 ...

  2. 利用Feed43为网站自制RSS源

    什么是RSS,它可以做什么 快2020年了,RSS日渐式微,我也是去年机缘巧合下才开始使用的,以前只是听说过.RSS,全称Really Simple Syndication,又称简易信息聚合(也叫聚合 ...

  3. Linux三剑客之sed的基本用法介绍

    [介绍] sed是一款强大的非交互式的文本编辑器,可以对文件文本进行增删改查的相关操作,本文主要是讲解以下sed的基本用法. [常用选项] -e 下一个参数为一个sed指令,一般只会用于同一行有多个s ...

  4. 1030 完美数列 (25 分)C、Java、python

    题目描述 给定一个正整数数列,和正整数p,设这个数列中的最大值是M,最小值是m,如果M <= m * p,则称这个数列是完美数列. 现在给定参数p和一些正整数,请你从中选择尽可能多的数构成一个完 ...

  5. 阿里云ECS服务器Ubuntu配置MySQL远程访问

    root账户登录服务器Ubuntu16.04 apt-get update apt-get install mysql-server mysql-client; 安装时会让你设置root密码,输入2次 ...

  6. Netty快速入门(06)Netty介绍

    前面简单的介绍了Java I/O 和NIO,写了示例程序. Java I/O是阻塞的,为了让它支持多个并发,就要针对每个链接启动线程,这种方式的结果就是在海量链接的情况下,会创建海量的线程,就算用线程 ...

  7. Jquery图片上传功能整理

    最近在做一个图片上传到服务器的功能,之前基本没有什么JS的经验,用的也是网上的插件.做了一个星期才把他弄好,现在做一下总结,方便以后查看. 用的插件是WebUploader,上面有很多例子,我找的例子 ...

  8. IO流之处理流用法总结

    处理流之一:缓冲流1.为了提高数据读写的速度,Java API提供了带缓冲功能的流类,在使用这些流类时,会创建一个内部缓冲区数组,缺省使用8192个字节(8Kb)的缓冲区. 2.缓冲流要“套接”在相应 ...

  9. TCP 协议详解

    TCP 协议是 更靠近应用层,因此在应用程序中具有更强可操作性,一些重要 socket 选项都和 TCP 协议相关. TCP 头部信息:TCP 头部信息出现在每个 TCP 报文段中,用于指定通信的源端 ...

  10. C#实现的对文件的重命名

    如下C#实现对文件的重命名的方法需要传入三个string类型的参数,分别是源文件的文件目录.目的文件目录和重命名的文件名称,实现代码如下: public ExecutionResult FileRen ...