Android教程2020 - RecyclerView显示多种item
前面我们的列表中显示的都是同类数据。如果要在一个列表中显示不同类别的数据,该怎么做呢?
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的更多相关文章
- Android教程2020 - RecyclerView使用入门
本文介绍RecyclerView的使用入门.这里给出一种比较常见的使用方式. Android教程2020 - 系列总览 本文链接 想必读者朋友对列表的表现形式已经不再陌生.手机上有联系人列表,文件列表 ...
- Android教程2020 - RecyclerView响应点击
本文介绍RecyclerView设置点击的方法.这里给出比较常见的使用方式. Android教程2020 - 系列总览 本文链接 前面我们已经知道如何用RecyclerView显示一列数据. 用户点击 ...
- Android教程2020 - RecyclerView实际使用
示例,用RecyclerView的item做出一个列表. Android教程2020 - 系列总览 本文链接 前面我们已经知道如何用RecyclerView显示一列数据.这里我们做出一个具体的例子.尽 ...
- Android教程2020 - RecyclerView获取滑动距离
获取RecyclerView滑动的距离. Android教程2020 - 系列总览 本文链接 前面我们已经用RecyclerView显示一些数据. 本文演示如何获取RecyclerView的滑动距离. ...
- Android 设置ListView当前显示的item
项目中可能会有这种需求:动态设置ListView显示的item 这种需求可能会出现在不同的情况下,有的是打开页面就要显示在特定的位置,也有的是浏览列表时实时更新数据并且改变了集合中数据,或者是某种条件 ...
- Android进阶笔记11:ListView篇之ListView显示多种类型的条目(item)
ListView可以显示多种类型的条目布局,这里写显示两种布局的情况,其他类似. 1. 这是MainActivity,MainActivity的布局就是一个ListView,太简单了这里就不写了,直接 ...
- Android进阶笔记10:ListView篇之ListView显示多种类型的条目(item)
ListView可以显示多种类型的条目布局,这里写显示两种布局的情况,其他类似. 1. 这是MainActivity,MainActivity的布局就是一个ListView,太简单了这里就不写了,直接 ...
- Android解决RecyclerView中的item显示不全方案
最近的项目中实现订单确定页面.需要使用ScrollView嵌套RecyclerView,当RecyclerView中的item数量比较多时,就会出现item只显示一部分数据,并没有将用户勾选的商品数量 ...
- RecyclerView的使用之多种Item加载布局
精益求精,为了更加透彻熟练得掌握,本文再次给大家介石介绍下如何利用RecyclerView实现多Item布局的加载,多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不 ...
随机推荐
- python获取网页信息的三种方法
import urllib.request import http.cookiejar url = 'http://www.baidu.com/' # 方法一 print('方法一') req_one ...
- echart环形图制作及出现的一些问题总结
环形图的形成其实就是echarts中的饼图pie,控制饼图的内圈半径和外圈半径来形成环形的效果!下面记录的问题是在开发中出现发现的,因为在网上找到了利用阴影来做下面的图: 说明: 由于代码比较长,不能 ...
- $[NOIp2008]$双栈排序 栈/二分图/贪心
\(Sol\) 先考虑单栈排序,怎么样的序列可以单栈排序呢?设\(a_i\)表示位置\(i\)是哪个数.\(\exist i<j<k\),都没有\(a_k<a_i<a_j\), ...
- centos下MySQL登录1045问题解决
由于需要在centos下部署整个应用,自然少不了对数据库的操作.但很多人可能会遇到一些问题,比如创建用户成功,但是却无法登录. 无法登陆一般就两个原因.第一,远程访问端口没开,第二个原因就是密码错误了 ...
- Jenkins2构建pipeline流水线
流水线有两种方式: 1.脚本式流水线 2.声明式流水线 构建流水线的简单示例: 脚本式流水线 node ('master'){ stage("Source"){ //从Git仓库中 ...
- 浅谈Java三大特性之多态
目录 一.前言 二.发生的条件 三.多态包含(或者说体现在)两个方面: 四.示例 感谢阅读 一.前言 这篇讲下三大特性之一的多态,可以通俗得去理解,多种形态,多种姿态... 那么在面向对象的程序设计中 ...
- Spring中的ApplicationListener扩展使用
ApplicationListener是Spring事件机制的一部分,与抽象类ApplicationEvent类配合来完成ApplicationContext的事件机制. 如果容器中存在Applica ...
- java8中的stream流遍历
比较for循环.迭代器.java8Stream流遍历的不同 package cnom.test.testUtils; import java.io.Serializable; import java. ...
- C++Primer第五版 3.5.1节练习
练习 3.27:假设txt_size是一个无参数的函数,它的返回值是int.请回答下列哪个定义是非法的?为什么? Unsigned buf_size = 1024; (a) int ia[buf_si ...
- .Net Core Web Api实践(四)填坑连接Redis时Timeout performing EVAL
前言:前两篇文章.net core+Redis+IIS+nginx实现Session共享中,介绍了使用Microsoft.Extensions.Caching.Redis实现Session共享的方法, ...