RecyclerView 空数据优雅处理：空视图实现指南

2024-03-30 00:59:59

在 RecyclerView 中优雅地处理空数据：实现空视图

简介

RecyclerView 是一种广泛用于 Android 开发中显示列表数据的强大控件。然而，当列表中没有任何数据时，RecyclerView 默认会显示一个空白的屏幕。为了改善用户体验，我们可以实现一个空视图来显示一个友好的消息，告知用户当前没有可用的数据。本文将探讨在 RecyclerView 中实现空视图的两种有效方法。

使用 ViewStub 实现空视图

ViewStub 是一个特殊的视图，允许我们延迟实例化其内容。这对于实现空视图非常有用，因为我们只希望在列表为空时显示它。

步骤：

在布局文件中添加一个 ViewStub：

<ViewStub
    android:id="@+id/empty_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inflatedId="@+id/empty_view_inflated"
    android:layout="@layout/empty_view" />

在 empty_view.xml 布局文件中创建空视图：

<LinearLayout
    android:id="@+id/empty_view_inflated"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="目前没有可显示的数据" />

</LinearLayout>

在代码中管理空视图的可见性：

val emptyView = findViewById<ViewStub>(R.id.empty_view)

if (adapter.itemCount == 0) {
    emptyView.visibility = View.VISIBLE
} else {
    emptyView.visibility = View.GONE
}

使用 RecyclerView.Adapter 的 onEmptyViewChanged() 方法

RecyclerView.Adapter 提供了一个称为 onEmptyViewChanged() 的方法，当 adapter 中的数据集发生变化时，它可以自动更新空视图的可见性。

步骤：

覆写 adapter 的 onEmptyViewChanged() 方法：

override fun onEmptyViewChanged() {
    super.onEmptyViewChanged()

    if (adapter.itemCount == 0) {
        emptyView.visibility = View.VISIBLE
    } else {
        emptyView.visibility = View.GONE
    }
}

在布局文件中为 adapter 设置空视图：

<RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:emptyView="@id/empty_view" />