android - RecyclerView 添加 EmptyView

Question

我正在尝试在我的 RecyclerView Adapter 上实现一个 EmptyView，但我没有得到任何结果。

我关注了这个 tutorial还有这个tip ，但没有人为我工作。

我已经实现了:

if (viewType == EMPTY_VIEW) {
    v = LayoutInflater.from(parent.getContext()).inflate(R.layout.empty_view, parent, false);
    EmptyViewHolder evh = new EmptyViewHolder(v);
    return evh;
}

v = LayoutInflater.from(parent.getContext()).inflate(R.layout.data_row, parent, false);
ViewHolder vh = new ViewHolder(v);
return vh;

但它不允许我编译，因为它们是不同的 ViewHolder，因为我创建了两个 ViewHolder 类，但它们扩展了 Recycler.ViewHolder 所以我不明白...

我尝试这样做是因为我有一个 SearchView 并且我希望当列表为空时它显示一个 EmptyView，我已经做到了它以编程方式进行，但我更喜欢像 layout 一样添加，因为我不太了解如何以编程方式放置 TextViews 和 Buttons。

如果我放

return dataList.size() > 0 ? dataList.size() : 1;

它给我错误，因为索引是 0。

我调试过viewType，一直是1，那么就不会加入if条件...

深入了解 Android 我发现了这个:

/**
 * Return the view type of the item at <code>position</code> for the purposes
 * of view recycling.
 *
 * <p>The default implementation of this method returns 0, making the assumption of
 * a single view type for the adapter. Unlike ListView adapters, types need not
 * be contiguous. Consider using id resources to uniquely identify item view types.
 *
 * @param position position to query
 * @return integer value identifying the type of the view needed to represent the item at
 *                 <code>position</code>. Type codes need not be contiguous.
 */
 public int getItemViewType(int position) {
    return 0;
 }

但问题是没有改变值。

编辑

我几乎做到了，我做到了:

 @Override
public int getItemViewType(int position) {

    return list.size() > 0 ? list.size() : 1;
}

但有时当 size() 为 0 时它会返回 0...我不明白，我正在使用这个 SearchView ，有时当我键入一个与列表中的任何项目不匹配的字母时，它不会显示，有时它会显示...

还发生的另一件事是，当 layout 弹出窗口时，它显示在屏幕的 left 上，当我把它放在 center 上时，但我认为 RecyclerView 有问题，因为 layout 放在里面。

RecyclerView 布局:

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:id="@+id/rtpew"
    android:layout_centerInParent="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    >
         <LinearLayout android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:id="@+id/linearpew">
            <android.support.v7.widget.RecyclerView
             android:id="@+id/rv"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
            />
         </LinearLayout>
 </RelativeLayout>

这是我的emptylayout:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true">
<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/ImageViewSearchFail"
    android:src="@drawable/sadface"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true" />
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:layout_gravity="center"
    android:textSize="@dimen/15dp"
    android:layout_marginTop="4dp"
    android:text="foo"
    android:layout_below="@+id/ImageViewSearchFail"
    android:layout_centerHorizontal="true" />
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/ButtonAddEntity"
    android:text="foo"
    android:background="?android:selectableItemBackground"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />
</RelativeLayout>

我想到的另一种方法是以编程方式实现它，如下所示:

   @Override
public boolean onQueryTextChange(String query) {
    final ArrayList<List> filteredModelList = filter(mModel, query);
        mAdapter.animateTo(filteredModelList);
        rv.scrollToPosition(0);
    if(query.isEmpty()){
            //Here
    }
  return true;
}

和:

private ArrayList<List> filter(ArrayList<List> models, String query) {
    query = query.toLowerCase();
    final ArrayList<List> filteredModelList = new ArrayList<List>();
    for (List model : models) {
        final String text = model.getRedName().toLowerCase();
        if (text.contains(query)) {
            filteredModelList.add(model);
        }
    }
    if (filteredModelList.size()<0) {
           //HERE
    }
    else{
           //Delete the views added
    }
    return filteredModelList;
}

问题

-我只使用 @Jimeux answer 添加 View 但我想在 Adapter 上执行此操作，我明白了，但并不总是显示 view，即使 list 为空。

-在将 emptyview.xml 放入 RecyclerView 时，因为我已经将所有这些 xml在中心，它显示在右侧。我试图以编程方式添加 xml 但它就像一片困惑....

Answer 1

由于您需要处理两种不同类型的 View ，因此使用业务对象的中间列表更容易将它们与 View 绑定(bind)起来。想法是在您的列表中有一种占位符来表示空状态。从这个意义上说，定义一个中间层非常有用，因为它允许您考虑将来要应用于您的列表的最终更改(例如，添加您的元素类型)。此外，通过这种方式，您可以更清楚地将业务模型与 ui 表示分开(例如，您可以根据模型对象的内部状态实现返回 ui 设置的方法)。

您可以进行如下操作:

1. 为列表项(例如 ListItem)定义一个专用的抽象类型来包装您的业务对象。它的实现可能是这样的:

   public abstract class ListItem {
   
       public static final int TYPE_EMPTY = 0;
       public static final int TYPE_MY_OBJ = 1;
   
       abstract public int getType();
   
   }  
   

2. 为每个 List 元素类型定义一个类:

   public class EmptyItem extends ListItem {
   
       @Override
       public int getType() {
           return TYPE_EMPTY;
       }
   
   }
   
   public class MyObjItem extends ListItem {
   
       private MyObj obj;
   
       public ContactItem(MyObj obj) {
           this.obj = obj;
       }
   
       public MyObj getMyObj() {
           return obj;
       }
   
       // here you can also add methods for simplify
       // objects rendering (e.g. get background color
       // based on your object internal status)
   
       @Override
       public int getType() {
           return TYPE_MY_OBJ;
       }
   
   }
   

3. 创建您的列表。

   List<ListItem> mItems = new ArrayList<>();
   if (dataList != null && dataList.size() > 0) {
       for (MyObj obj : dataList) {
           mItems.add(new MyObjItem(obj));
       }
   } else {
       mItems.add(new EmptyItem());
   }
   

   这是代码中最重要的部分。您有很多创建此列表的选项。您可以在 RecyclerView Adapter 内部或外部执行此操作，但正确处理对它的最终修改非常重要。这对于利用适配器通知方法至关重要。例如，如果您在适配器中创建列表，它可能还应该提供用于添加或删除模型项的方法。例如:

   public void addObj(MyObj obj) {
       if (mItems.size() == 1 && mItems.get(0).getType() == ListItem.EMPTY_TYPE) {
           mItems.clear();
       }
       mItems.add(new MyObjItem(obj));
       notifyDataSetChanged();
   } 
   

4. 为您的 RecyclerView 定义一个适配器，处理在第 3 点定义的列表。这里重要的是重写 getItemViewType 方法，如下所示:

   @Override
   public int getItemViewType(int position) {
       return mItems.get(position).getType();
   }
   

此外，ViewHolder 的类型应该是 RecyclerView.ViewHolder(除非在这种情况下您决定创建一个中间类)。

1. 然后您需要有两个布局和 ViewHolder 用于空对象和业务对象项目。适配器方法应该相应地处理这个问题:

   @Override
   public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       if (viewType == ListItem.TYPE_EMPTY) {
           View itemView = mLayoutInflater.inflate(R.layout.empty_layout, parent, false);
           return new EmptyViewHolder(itemView);
       } else {
           View itemView = mLayoutInflater.inflate(R.layout.myobj_layout, parent, false);
           return new MyObjViewHolder(itemView);
       }
   }
   
   
   @Override
   public void onBindViewHolder(final RecyclerView.ViewHolder viewHolder, final int position) {
       int type = getItemViewType(position);
       if (type == ListItem.TYPE_EMPTY) {
           EmptyItem header = (EmptyItem) mItems.get(position);
           EmptyViewHolder holder = (EmptyViewHolder) viewHolder;
           // your logic here... probably nothing to do since it's empty
       } else {            
           MyObjItem event = (MyObjItem) mItems.get(position);
           MyObjViewHolder holder = (MyObjViewHolder) viewHolder;
           // your logic here
       }
   }
   

当然，正如我在开头所写，您不需要严格定义用于 ui 表示的中间类型(EmptyItem 和 MyObjItem)。您甚至可以只使用 MyObj 类型并为其创建一个表示空占位符的特定配置。这种方法可能不是最好的，以防将来您需要通过包括新的列表项类型来使您的逻辑更复杂。