RecyclerViewのListView.setEmptyViewに相当します


回答:


69

新しいデータバインディング機能を使用すると、レイアウトでこれを直接実現することもできます。

<TextView
   android:text="No data to display."
   android:visibility="@{dataset.size() > 0 ? View.GONE : View.VISIBLE}" />

その場合、XMLのデータセクションに変数とインポートを追加する必要があります。

<data>
<import type="android.view.View"/>
<variable
    name="dataset"
    type="java.util.List&lt;java.lang.String&gt;"
    />
</data>

6
上記の例は、データバインディングアプローチを強調するために簡略化されています。データバインディングは非常に柔軟です。もちろんAdapter、データセットの代わりにインポートして、そのデータセットを使用するgetItemCount()か、すべてをaでラップして、ViewModelに設定android:visibilityすることもできviewModel.getEmptyViewVisibility()ます。
アンドレ・Diermann

4
これはより高く投票する必要があります。これはデータバインディング機能の優れた例です
Ed George

1
@javmarinaいいえ、私にとってはレイアウトは更新されませんでした。アダプターがサイズ0で始まり、後でデータセットが大きくなると、レイアウトが希望どおりに更新されません。データバインディングが機能しないようです。:-(
meisteg 2016年

3
アダプターが動的にゼロに拡大または縮小している場合でも、これは更新されますか?私はそれを疑います。
デビッド2016年

1
@ a11nリストが0に縮小されたりデータを取得したりしてもレイアウトは更新されません。リストに変更を加えるたびに、クラスからバインディングに値を設定する必要があります。レイアウトを単独で更新する方法はありますか?
Om Infowave Developers 2017

114

これは@dragonbornに似ていますが、より完全なクラスです。この要点に基づいています。

public class EmptyRecyclerView extends RecyclerView {
    private View emptyView;
    final private AdapterDataObserver observer = new AdapterDataObserver() {
        @Override
        public void onChanged() {
            checkIfEmpty();
        }

        @Override
        public void onItemRangeInserted(int positionStart, int itemCount) {
            checkIfEmpty();
        }

        @Override
        public void onItemRangeRemoved(int positionStart, int itemCount) {
            checkIfEmpty();
        }
    };

    public EmptyRecyclerView(Context context) {
        super(context);
    }

    public EmptyRecyclerView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public EmptyRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    void checkIfEmpty() {
        if (emptyView != null && getAdapter() != null) {
            final boolean emptyViewVisible = getAdapter().getItemCount() == 0;
            emptyView.setVisibility(emptyViewVisible ? VISIBLE : GONE);
            setVisibility(emptyViewVisible ? GONE : VISIBLE);
        }
    }

    @Override
    public void setAdapter(Adapter adapter) {
        final Adapter oldAdapter = getAdapter();
        if (oldAdapter != null) {
            oldAdapter.unregisterAdapterDataObserver(observer);
        }
        super.setAdapter(adapter);
        if (adapter != null) {
            adapter.registerAdapterDataObserver(observer);
        }

        checkIfEmpty();
    }

    public void setEmptyView(View emptyView) {
        this.emptyView = emptyView;
        checkIfEmpty();
    }
}

このクラスの使い方を教えてください。
オロロキング2015

RecyclerViewで行うのとまったく同じようにsetEmptyView、空のビューを定義するときにいつでも呼び出すことができるメソッドを追加するだけです。ListView.setEmptyView不明な場合はドキュメントを参照してください。同じ考えです。
マークプラノ-Lesay 2015

5
Googleサンプルからの同様の実装: github.com/googlesamples/android-XYZTouristAttractions/blob/…–
jase

2
クールな解決策ですが、クラス名がおかしい=)
Шах2017年

1
@AJWそれは主にあなたが達成したいことの問題だと思います。2つの実装の違いは実際にはわずかであり、アダプターが設定されるとすぐに何も残りません。アダプターを変更しない場合(ほとんどの場合)、違いはありません。
マークプラノ-Lesay 2018

26

このリンクで提供される解決策は完璧のようです。viewTypeを使用して、emptyViewを表示するタイミングを識別します。カスタムRecyclerViewを作成する必要はありません

上記のリンクからコードを追加します。

package com.example.androidsampleproject;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class RecyclerViewActivity extends Activity {

RecyclerView recyclerView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_recycler_view);
    recyclerView = (RecyclerView) findViewById(R.id.myList);
    recyclerView.setLayoutManager(new LinearLayoutManager(this));
    recyclerView.setAdapter(new MyAdapter());
}


private class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private List<String> dataList = new ArrayList<String>();

    public class EmptyViewHolder extends RecyclerView.ViewHolder {
        public EmptyViewHolder(View itemView) {
            super(itemView);
        }
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        TextView data;

        public ViewHolder(View v) {
            super(v);
            data = (TextView) v.findViewById(R.id.data_view);
        }
    }

    @Override
    public int getItemCount() {
        return dataList.size() > 0 ? dataList.size() : 1;
    }

    @Override
    public int getItemViewType(int position) {
        if (dataList.size() == 0) {
            return EMPTY_VIEW;
        }
        return super.getItemViewType(position);
    }


    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder vho, final int pos) {
        if (vho instanceof ViewHolder) {
            ViewHolder vh = (ViewHolder) vho;
            String pi = dataList.get(pos);
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v;

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

    private static final int EMPTY_VIEW = 10;
}

}

6
RecyclerViewを拡張することは、これよりも適切なソリューションだと思います。一般的に、私はリサイクラーアダプターをたくさん持っており、それらすべてにこの種のロジックを追加することは避けたいからです。
グンハン2015年

多くのリサイクラーアダプターを使用する場合、@ Gunhanは理にかなっています。また、すべての共通点に合わせてカスタマイズされた単一のBaseAdapterを拡張することもできます
Sudhasri 2015年

2
アダプターとリサイクラービューが1つしかない場合でも、それはアダプターの責任ではありません。アダプターは、アイテムの欠如ではなく、アイテムを提示するためにここにあります。
マークプラノ-Lesay 2015

@Kernaldユースケースによって異なります。個人的には、Sudhasriのやり方の方がはるかにクリーンだと思います。特に、「ここにアイテムがないので、買い物に行きましょう」のようにアイテムが存在しない場合に別のビューを表示したい場合。またはそのようなもの
AgentKnopf 2015

@Zainodisあなたが言ったように、それは別の見方です。それはだないrecyclerviewの項目を表示するために、あるアダプタのresponsability、何もありません。技術的に言えば、両方のソリューションが機能し、ほぼ同等であることに同意します。ただし、アダプタのアイテムは、このようなビューを表示するように作成されていません
マークプラノ-Lesay 2015

10

私は単に、次のような単純な解決策を好みます

RecyclerViewをFrameLayoutまたはRelativeLayout内に配置し、TextViewまたはその他のビューを使用して、デフォルトで可視性がなくなった空のデータメッセージを表示し、アダプタークラスでロジックを適用します。

ここに、データのないメッセージを含む1つのTextViewがあります

@Override
public int getItemCount() {
    textViewNoData.setVisibility(data.size() > 0 ? View.GONE : View.VISIBLE);
    return data.size();
}

3

試してみてくださいRVEmptyObserver

これはの実装であり、AdapterDataObserverViewデフォルトの空のレイアウトとして設定するだけですRecylerView。このように、カスタムを使用RecyclerViewして生活を困難にする代わりに、既存のコードで簡単に使用できます。


使用例:

RVEmptyObserver observer = new RVEmptyObserver(recyclerView, emptyView)
rvAdapter.registerAdapterDataObserver(observer);

ここで実際のアプリのコード使用例を見ることができます。


クラス:

public class RVEmptyObserver extends RecyclerView.AdapterDataObserver {
    private View emptyView;
    private RecyclerView recyclerView;

    public RVEmptyObserver(RecyclerView rv, View ev) {
        this.recyclerView = rv;
        this.emptyView    = ev;
        checkIfEmpty();
    }

    private void checkIfEmpty() {
        if (emptyView != null && recyclerView.getAdapter() != null) {
            boolean emptyViewVisible = recyclerView.getAdapter().getItemCount() == 0;
            emptyView.setVisibility(emptyViewVisible ? View.VISIBLE : View.GONE);
            recyclerView.setVisibility(emptyViewVisible ? View.GONE : View.VISIBLE);
        }
    }

    public void onChanged() { checkIfEmpty(); }
    public void onItemRangeInserted(int positionStart, int itemCount) { checkIfEmpty(); }
    public void onItemRangeRemoved(int positionStart, int itemCount) { checkIfEmpty(); }
}

2

https://gist.github.com/adelnizamutdinov/31c8f054d1af4588dc5cに基づく私のバージョン

public class EmptyRecyclerView extends RecyclerView {
    @Nullable
    private View emptyView;

    public EmptyRecyclerView(Context context) { super(context); }

    public EmptyRecyclerView(Context context, AttributeSet attrs) { super(context, attrs); }

    public EmptyRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    private void checkIfEmpty() {
        if (emptyView != null && getAdapter() != null) {
            emptyView.setVisibility(getAdapter().getItemCount() > 0 ? GONE : VISIBLE);
        }
    }

    private final AdapterDataObserver observer = new AdapterDataObserver() {
        @Override
        public void onChanged() {
            checkIfEmpty();
        }

        @Override
        public void onItemRangeInserted(int positionStart, int itemCount) {
            checkIfEmpty();
        }

        @Override
        public void onItemRangeRemoved(int positionStart, int itemCount) {
            checkIfEmpty();
        }
    };

    @Override
    public void setAdapter(@Nullable Adapter adapter) {
        final Adapter oldAdapter = getAdapter();
        if (oldAdapter != null) {
            oldAdapter.unregisterAdapterDataObserver(observer);
        }
        super.setAdapter(adapter);
        if (adapter != null) {
            adapter.registerAdapterDataObserver(observer);
        }
        checkIfEmpty();
    }

    @Override
    public void setVisibility(int visibility) {
        super.setVisibility(visibility);
        if (null != emptyView && (visibility == GONE || visibility == INVISIBLE)) {
            emptyView.setVisibility(GONE);
        } else {
            checkIfEmpty();
        }
    }

    public void setEmptyView(@Nullable View emptyView) {
        this.emptyView = emptyView;
        checkIfEmpty();
    }
}

3
再実装することsetVisibilityもお勧めします。
マークプラノ-Lesay 2015年

2

この機能をRecycler.Adapterに実装したいと思います

オーバーライドされたgetItemCountメソッドで、空のチェックコードをそこに挿入します。

@Override
public int getItemCount() {
    if(data.size() == 0) listIsEmtpy();
    return data.size();
}

3
それはアダプターの責任ではありません。アダプターは、アイテムの欠如ではなく、アイテムを提示するためにここにあります。
マークプラノ-Lesay 2015

@Kernaldそのコードと独自の方法、それをカスタマイズして使用する方法。
Lalit Poptani 2016

@LalitPoptani確かに。しかし、これはQ&A Webサイトであり、ほとんどの場合、「コピーのショートカットは何ですか?」以上のことを考えずに答えを探しています。解決策が意味的に間違っていることを示すこと(さらに、「権利」の解決策もある場合)は実際には役に立たない…
Marc Plano-Lesay 2016

@Kernaldまあ、このソリューションはすべての中で最も単純で、良いソリューションでもあると思います。アダプターに通知されるたびに、これが呼び出され、データのサイズをチェックするために使用できるからです。
Lalit Poptani 2016

1
@ MarcPlano-Lesayは正しいです。この回答は、アイテムがいっぱいになると空のビューを非表示にする必要がある場合を処理しないため、不完全です。その部分を実装した後、アダプターがアイテム数を照会するたびsetVisibility()に呼び出されるため、このソリューションは非効率的になります。確かにあなたは補償するためにいくつかのフラグを追加することができますが、それはそれがより複雑になるときです。
razzledazzle 2016年

2

読み込み状態、エラー状態など、より多くの状態をサポートしたい場合は、https://github.com/rockerhieu/rv-adapter-statesをチェックアウトできます。それ以外の場合、空のビューのサポートはRecyclerViewAdapterWrapper、from(https://github.com/rockerhieu/rv-adapter)を使用して簡単に実装できます。このアプローチの主な利点は、既存のアダプターのロジックを変更せずに、空のビューを簡単にサポートできることです。

public class StatesRecyclerViewAdapter extends RecyclerViewAdapterWrapper {
    private final View vEmptyView;

    @IntDef({STATE_NORMAL, STATE_EMPTY})
    @Retention(RetentionPolicy.SOURCE)
    public @interface State {
    }

    public static final int STATE_NORMAL = 0;
    public static final int STATE_EMPTY = 2;

    public static final int TYPE_EMPTY = 1001;

    @State
    private int state = STATE_NORMAL;

    public StatesRecyclerViewAdapter(@NonNull RecyclerView.Adapter wrapped, @Nullable View emptyView) {
        super(wrapped);
        this.vEmptyView = emptyView;
    }

    @State
    public int getState() {
        return state;
    }

    public void setState(@State int state) {
        this.state = state;
        getWrappedAdapter().notifyDataSetChanged();
        notifyDataSetChanged();
    }

    @Override
    public int getItemCount() {
        switch (state) {
            case STATE_EMPTY:
                return 1;
        }
        return super.getItemCount();
    }

    @Override
    public int getItemViewType(int position) {
        switch (state) {
            case STATE_EMPTY:
                return TYPE_EMPTY;
        }
        return super.getItemViewType(position);
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        switch (viewType) {
            case TYPE_EMPTY:
                return new SimpleViewHolder(vEmptyView);
        }
        return super.onCreateViewHolder(parent, viewType);
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        switch (state) {
            case STATE_EMPTY:
                onBindEmptyViewHolder(holder, position);
                break;
            default:
                super.onBindViewHolder(holder, position);
                break;
        }
    }

    public void onBindEmptyViewHolder(RecyclerView.ViewHolder holder, int position) {
    }

    public static class SimpleViewHolder extends RecyclerView.ViewHolder {
        public SimpleViewHolder(View itemView) {
            super(itemView);
        }
    }
}

使用法:

Adapter adapter = originalAdapter();
StatesRecyclerViewAdapter statesRecyclerViewAdapter = new StatesRecyclerViewAdapter(adapter, emptyView);
rv.setAdapter(endlessRecyclerViewAdapter);

// Change the states of the adapter
statesRecyclerViewAdapter.setState(StatesRecyclerViewAdapter.STATE_EMPTY);
statesRecyclerViewAdapter.setState(StatesRecyclerViewAdapter.STATE_NORMAL);

私はあなたのコードを同様の解決策の基礎として使用しました。ありがとう!
アルバートビラカルボ2015

2

私はこれを修正しました:
レイアウトlayout_recyclerview_with_emptytext.xmlファイルを作成しました。
EmptyViewRecyclerView.javaを作成しました
---------

EmptyViewRecyclerView emptyRecyclerView =(EmptyViewRecyclerView)findViewById(R.id.emptyRecyclerViewLayout);
emptyRecyclerView.addAdapter(mPrayerCollectionRecyclerViewAdapter、 "選択したカテゴリの祈りはありません。");

layout_recyclerview_with_emptytext.xmlファイル

    <?xml version="1.0" encoding="utf-8"?>
    <merge xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/switcher"
>

<android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />

<com.ninestars.views.CustomFontTextView android:id="@+id/recyclerViewEmptyTextView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Empty Text"
    android:layout_gravity="center"
    android:gravity="center"
    android:textStyle="bold"
    />

    </merge>


EmptyViewRecyclerView.java

public class EmptyViewRecyclerView extends ViewSwitcher {
private RecyclerView mRecyclerView;
private CustomFontTextView mRecyclerViewExptyTextView;

public EmptyViewRecyclerView(Context context) {
    super(context);
    initView(context);
}

public EmptyViewRecyclerView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView(context);
}


private void initView(Context context) {
    LayoutInflater.from(context).inflate(R.layout.layout_recyclerview_with_emptytext, this, true);
    mRecyclerViewExptyTextView = (CustomFontTextView) findViewById(R.id.recyclerViewEmptyTextView);
    mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(context));
}

public void addAdapter(final RecyclerView.Adapter<?> adapter) {
    mRecyclerView.setAdapter(adapter);
    adapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() {
        @Override
        public void onChanged() {
            super.onChanged();
            if(adapter.getItemCount() > 0) {
                if (R.id.recyclerView == getNextView().getId()) {
                    showNext();
                }
            } else {
                if (R.id.recyclerViewEmptyTextView == getNextView().getId()) {
                    showNext();
                }
            }
        }
    });
}

public void addAdapter(final RecyclerView.Adapter<?> adapter, String emptyTextMsg) {
    addAdapter(adapter);
    setEmptyText(emptyTextMsg);
}

public RecyclerView getRecyclerView() {
    return mRecyclerView;
}

public void setEmptyText(String emptyTextMsg) {
    mRecyclerViewExptyTextView.setText(emptyTextMsg);
}

}

1
public class EmptyRecyclerView extends RecyclerView {
  @Nullable View emptyView;

  public EmptyRecyclerView(Context context) { super(context); }

  public EmptyRecyclerView(Context context, AttributeSet attrs) { super(context, attrs); }

  public EmptyRecyclerView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }

  void checkIfEmpty() {
    if (emptyView != null) {
      emptyView.setVisibility(getAdapter().getItemCount() > 0 ? GONE : VISIBLE);
    }
  }

  final @NotNull AdapterDataObserver observer = new AdapterDataObserver() {
    @Override public void onChanged() {
      super.onChanged();
      checkIfEmpty();
    }
  };

  @Override public void setAdapter(@Nullable Adapter adapter) {
    final Adapter oldAdapter = getAdapter();
    if (oldAdapter != null) {
      oldAdapter.unregisterAdapterDataObserver(observer);
    }
    super.setAdapter(adapter);
    if (adapter != null) {
      adapter.registerAdapterDataObserver(observer);
    }
  }

  public void setEmptyView(@Nullable View emptyView) {
    this.emptyView = emptyView;
    checkIfEmpty();
  }
}

このようなものが役立つかもしれません


2
これは不完全です。が表示されているRecyclerViewときemptyView(およびその逆)は、おそらく非表示にする必要があります。あなたもコールする必要がありますcheckIfEmpty()onItemRangeInserted()してonItemRangeRemoved()。ああ、あなたはあなたの情報源を引用することができたでしょう:gist.github.com/adelnizamutdinov/31c8f054d1af4588dc5c
Marc Plano-


1

RecyclerView空のときにテキストをペイントするだけです。次のカスタムサブクラスサポートemptyfailedloading、およびofflineモード。コンパイルを成功させるrecyclerView_stateTextには、リソースに色を追加します。

/**
 * {@code RecyclerView} that supports loading and empty states.
 */
public final class SupportRecyclerView extends RecyclerView
{
    public enum State
    {
        NORMAL,
        LOADING,
        EMPTY,
        FAILED,
        OFFLINE
    }

    public SupportRecyclerView(@NonNull Context context)
    {
        super(context);

        setUp(context);
    }

    public SupportRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs)
    {
        super(context, attrs);

        setUp(context);
    }

    public SupportRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);

        setUp(context);
    }

    private Paint textPaint;
    private Rect textBounds;
    private PointF textOrigin;

    private void setUp(Context c)
    {
        textPaint = new Paint();
        textPaint.setAntiAlias(true);
        textPaint.setColor(ContextCompat.getColor(c, R.color.recyclerView_stateText));

        textBounds = new Rect();
        textOrigin = new PointF();
    }

    private State state;

    public State state()
    {
        return state;
    }

    public void setState(State newState)
    {
        state = newState;
        calculateLayout(getWidth(), getHeight());
        invalidate();
    }

    private String loadingText = "Loading...";

    public void setLoadingText(@StringRes int resId)
    {
        loadingText = getResources().getString(resId);
    }

    private String emptyText = "Empty";

    public void setEmptyText(@StringRes int resId)
    {
        emptyText = getResources().getString(resId);
    }

    private String failedText = "Failed";

    public void setFailedText(@StringRes int resId)
    {
        failedText = getResources().getString(resId);
    }

    private String offlineText = "Offline";

    public void setOfflineText(@StringRes int resId)
    {
        offlineText = getResources().getString(resId);
    }

    @Override
    public void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);

        String s = stringForCurrentState();
        if (s == null)
            return;

        canvas.drawText(s, textOrigin.x, textOrigin.y, textPaint);
    }

    private void calculateLayout(int w, int h)
    {
        String s = stringForCurrentState();
        if (s == null)
            return;

        textPaint.setTextSize(.1f * w);
        textPaint.getTextBounds(s, 0, s.length(), textBounds);

        textOrigin.set(
         w / 2f - textBounds.width() / 2f - textBounds.left,
         h / 2f - textBounds.height() / 2f - textBounds.top);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh)
    {
        super.onSizeChanged(w, h, oldw, oldh);

        calculateLayout(w, h);
    }

    private String stringForCurrentState()
    {
        if (state == State.EMPTY)
            return emptyText;
        else if (state == State.LOADING)
            return loadingText;
        else if (state == State.FAILED)
            return failedText;
        else if (state == State.OFFLINE)
            return offlineText;
        else
            return null;
    }
}

1

私の見解では、空のビューを作成する最も簡単な方法は、背景として膨らませたいレイアウトで新しい空のRecyclerViewを作成することです。また、データセットのサイズを確認すると、この空のアダプタが設定されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.