Android 5.0-RecyclerViewにヘッダー/フッターを追加する


122

ヘッダーをに追加する方法を理解しようと試みましたがRecyclerView、失敗しました。

これは私がこれまでに得たものです:

@Override
protected void onCreate(Bundle savedInstanceState) {
    ...

    layouManager = new LinearLayoutManager(getActivity());
    recyclerView.setLayoutManager(layouManager);

    LayoutInflater inflater = (LayoutInflater) getActivity().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    headerPlaceHolder = inflater.inflate(R.layout.view_header_holder_medium, null, false);
    layouManager.addView(headerPlaceHolder, 0);

   ...
}

アイテムのLayoutManager処分を扱うオブジェクトのようRecyclerViewです。addHeaderView(View view)メソッドが見つからなかったので、LayoutManager's addView(View view, int position)メソッドを使用して、ヘッダーとして機能する最初の位置にヘッダービューを追加することにしました。

Aaandこれは醜いところです:

java.lang.NullPointerException: Attempt to read from field 'android.support.v7.widget.RecyclerView$ViewHolder android.support.v7.widget.RecyclerView$LayoutParams.mViewHolder' on a null object reference
    at android.support.v7.widget.RecyclerView.getChildViewHolderInt(RecyclerView.java:2497)
    at android.support.v7.widget.RecyclerView$LayoutManager.addViewInt(RecyclerView.java:4807)
    at android.support.v7.widget.RecyclerView$LayoutManager.addView(RecyclerView.java:4803)
    at com.mathieumaree.showz.fragments.CategoryFragment.setRecyclerView(CategoryFragment.java:231)
    at com.mathieumaree.showz.fragments.CategoryFragment.access$200(CategoryFragment.java:47)
    at com.mathieumaree.showz.fragments.CategoryFragment$2.success(CategoryFragment.java:201)
    at com.mathieumaree.showz.fragments.CategoryFragment$2.success(CategoryFragment.java:196)
    at retrofit.CallbackRunnable$1.run(CallbackRunnable.java:41)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5221)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:899)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:694)

アクティビティ作成のさまざまな瞬間にいくつかNullPointerExceptionsを呼び出そうとした後addView(View view)(すべてが設定されたら、アダプタのデータも含めてビューを追加しようとしました)、これが正しい方法であるかどうかわかりません(そしてに見えません)。

PS:また、GridLayoutManagerに加えてを処理できるソリューションLinearLayoutManagerが本当にありがたいです!



問題はアダプターのコードにあります。つまり、どういうわけか、onCreateViewHolder関数でnullビューホルダーを返しています。
ネオ

StaggeredGridLayoutのにヘッダを追加するどのように良い方法はありstackoverflow.com/questions/42202735/...は
アレクセイTimoshchenko

回答:


120

私はフッターを自分に追加する必要がRecyclerViewあり、ここでコードスニペットを共有します。全体的なフローをよりよく理解するには、コード内のコメントを確認してください。

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;

public class RecyclerViewWithFooterAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private static final int FOOTER_VIEW = 1;
    private ArrayList<String> data; // Take any list that matches your requirement.
    private Context context;

    // Define a constructor
    public RecyclerViewWithFooterAdapter(Context context, ArrayList<String> data) {
        this.context = context;
        this.data = data;
    }

    // Define a ViewHolder for Footer view
    public class FooterViewHolder extends ViewHolder {
        public FooterViewHolder(View itemView) {
            super(itemView);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // Do whatever you want on clicking the item
                }
            });
        }
    }

    // Now define the ViewHolder for Normal list item
    public class NormalViewHolder extends ViewHolder {
        public NormalViewHolder(View itemView) {
            super(itemView);

            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // Do whatever you want on clicking the normal items
                }
            });
        }
    }

    // And now in onCreateViewHolder you have to pass the correct view
    // while populating the list item.

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

        View v;

        if (viewType == FOOTER_VIEW) {
            v = LayoutInflater.from(context).inflate(R.layout.list_item_footer, parent, false);
            FooterViewHolder vh = new FooterViewHolder(v);
            return vh;
        }

        v = LayoutInflater.from(context).inflate(R.layout.list_item_normal, parent, false);

        NormalViewHolder vh = new NormalViewHolder(v);

        return vh;
    }

    // Now bind the ViewHolder in onBindViewHolder
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

        try {
            if (holder instanceof NormalViewHolder) {
                NormalViewHolder vh = (NormalViewHolder) holder;

                vh.bindView(position);
            } else if (holder instanceof FooterViewHolder) {
                FooterViewHolder vh = (FooterViewHolder) holder;
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    // Now the critical part. You have return the exact item count of your list
    // I've only one footer. So I returned data.size() + 1
    // If you've multiple headers and footers, you've to return total count
    // like, headers.size() + data.size() + footers.size()

    @Override
    public int getItemCount() {
        if (data == null) {
            return 0;
        }

        if (data.size() == 0) {
            //Return 1 here to show nothing
            return 1;
        }

        // Add extra view to show the footer view
        return data.size() + 1;
    }

    // Now define getItemViewType of your own.

    @Override
    public int getItemViewType(int position) {
        if (position == data.size()) {
            // This is where we'll add footer.
            return FOOTER_VIEW;
        }

        return super.getItemViewType(position);
    }

    // So you're done with adding a footer and its action on onClick.
    // Now set the default ViewHolder for NormalViewHolder

    public class ViewHolder extends RecyclerView.ViewHolder {
        // Define elements of a row here
        public ViewHolder(View itemView) {
            super(itemView);
            // Find view by ID and initialize here
        }

        public void bindView(int position) {
            // bindView() method to implement actions
        }
    }
}

上記のコードスニペットは、フッターをに追加しRecyclerViewます。このGitHubリポジトリをチェックして、ヘッダーとフッターの両方を追加する実装をチェックできます


2
うまくいきます。これは正解としてマークする必要があります。
Naga Mallesh Maddali、2015年

1
これはまさに私がやったことです。しかし、RecyclerViewに時間をずらしたリストを適応させたい場合はどうなりますか?最初の要素(ヘッダー)もずらされます。:(
ネオンWarge

これは、RecyclerView動的にデータを入力する方法に関するチュートリアルです。の各要素を制御できますRecyclerView。作業中のプロジェクトのコードセクションをご覧ください。お役に立てれば幸いです。github.com/comeondude/dynamic-recyclerview/wiki
Reaz

2
int getItemViewType (int position)-ビューのリサイクルを目的とした位置にあるアイテムのビュータイプを返します。このメソッドのデフォルト実装は0を返し、アダプターの単一のビュータイプを想定しています。ListViewアダプターとは異なり、型は連続している必要はありません。idリソースを使用してアイテムビュータイプを一意に識別することを検討してください。-ドキュメントから。developer.android.com/reference/android/support/v7/widget/...
Reaz Murshed

3
人々がいつもやりたいことのために多くの手作業。信じられない...
JohnyTex

28

非常に簡単に解決できます!!

アダプター内のロジックを別のビュータイプとして持つのは好きではありません。なぜなら、ビューを返す前にビュータイプをチェックするたびにです。以下の解決策は、余分なチェックを回避します。

android.support.v4.widget.NestedScrollView内にLinearLayout(垂直)ヘッダービュー+ recyclerview +フッタービューを追加するだけです。

これをチェックしてください:

 <android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

       <View
            android:id="@+id/header"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/list"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layoutManager="LinearLayoutManager"/>

        <View
            android:id="@+id/footer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

スムーズなスクロールのためにこのコード行を追加します

RecyclerView v = (RecyclerView) findViewById(...);
v.setNestedScrollingEnabled(false);

これにより、すべてのRVパフォーマンスが失われ、RV layout_heightはRVに関係なくすべてのビューホルダーをレイアウトしようとします

ナビゲーションドロワーや設定などの小さなサイズのリストに使用することをお勧めします。


1
かなりシンプルに働いた
Hitesh Sahu

1
これは、リスト内でヘッダーとフッターを繰り返す必要がない場合に、リサイクル担当者ビューにヘッダーとフッターを追加する非常に簡単な方法です。
user1841702

34
これは、RecyclerViewもたらすすべての利点を失う非常に単純な方法です。実際のリサイクルとそれがもたらす最適化を失うことになります。
MarcinKoziński16年

1
私はこのコードを試しましたが、スクロールが適切に機能していません...スクロールが遅くなりすぎました..
plz

2
ネストされたscrollviewを使用すると、recyclerviewがすべてのビューをキャッシュし、リサイクラービューのサイズがより大きくなると、読み込み時間が長くなります。私はこのコードを使用しないことをお勧めします
Tushar Saha

25

Lollipopでも同じ問題があり、Recyclerviewアダプターをラップする2つの方法を作成しました。1つはかなり使いやすいですが、変化するデータセットでどのように動作するかはわかりません。それはあなたのアダプターをラップし、あなた自身notifyDataSetChangedが正しいアダプターオブジェクトのようなメソッドを確実に呼び出すようにする必要があるからです。

他の人はそのような問題を抱えてはいけません。通常のアダプターでクラスを拡張し、抽象メソッドを実装するだけで、準備が整います。そしてここにあります:

要旨

HeaderRecyclerViewAdapterV1

import android.support.v7.widget.RecyclerView;
import android.view.ViewGroup;

/**
 * Created by sebnapi on 08.11.14.
 * <p/>
 * This is a Plug-and-Play Approach for adding a Header or Footer to
 * a RecyclerView backed list
 * <p/>
 * Just wrap your regular adapter like this
 * <p/>
 * new HeaderRecyclerViewAdapterV1(new RegularAdapter())
 * <p/>
 * Let RegularAdapter implement HeaderRecyclerView, FooterRecyclerView or both
 * and you are ready to go.
 * <p/>
 * I'm absolutely not sure how this will behave with changes in the dataset.
 * You can always wrap a fresh adapter and make sure to not change the old one or
 * use my other approach.
 * <p/>
 * With the other approach you need to let your Adapter extend HeaderRecyclerViewAdapterV2
 * (and therefore change potentially more code) but possible omit these shortcomings.
 * <p/>
 * TOTALLY UNTESTED - USE WITH CARE - HAVE FUN :)
 */
public class HeaderRecyclerViewAdapterV1 extends RecyclerView.Adapter {
    private static final int TYPE_HEADER = Integer.MIN_VALUE;
    private static final int TYPE_FOOTER = Integer.MIN_VALUE + 1;
    private static final int TYPE_ADAPTEE_OFFSET = 2;

    private final RecyclerView.Adapter mAdaptee;


    public HeaderRecyclerViewAdapterV1(RecyclerView.Adapter adaptee) {
        mAdaptee = adaptee;
    }

    public RecyclerView.Adapter getAdaptee() {
        return mAdaptee;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_HEADER && mAdaptee instanceof HeaderRecyclerView) {
            return ((HeaderRecyclerView) mAdaptee).onCreateHeaderViewHolder(parent, viewType);
        } else if (viewType == TYPE_FOOTER && mAdaptee instanceof FooterRecyclerView) {
            return ((FooterRecyclerView) mAdaptee).onCreateFooterViewHolder(parent, viewType);
        }
        return mAdaptee.onCreateViewHolder(parent, viewType - TYPE_ADAPTEE_OFFSET);
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (position == 0 && holder.getItemViewType() == TYPE_HEADER && useHeader()) {
            ((HeaderRecyclerView) mAdaptee).onBindHeaderView(holder, position);
        } else if (position == mAdaptee.getItemCount() && holder.getItemViewType() == TYPE_FOOTER && useFooter()) {
            ((FooterRecyclerView) mAdaptee).onBindFooterView(holder, position);
        } else {
            mAdaptee.onBindViewHolder(holder, position - (useHeader() ? 1 : 0));
        }
    }

    @Override
    public int getItemCount() {
        int itemCount = mAdaptee.getItemCount();
        if (useHeader()) {
            itemCount += 1;
        }
        if (useFooter()) {
            itemCount += 1;
        }
        return itemCount;
    }

    private boolean useHeader() {
        if (mAdaptee instanceof HeaderRecyclerView) {
            return true;
        }
        return false;
    }

    private boolean useFooter() {
        if (mAdaptee instanceof FooterRecyclerView) {
            return true;
        }
        return false;
    }

    @Override
    public int getItemViewType(int position) {
        if (position == 0 && useHeader()) {
            return TYPE_HEADER;
        }
        if (position == mAdaptee.getItemCount() && useFooter()) {
            return TYPE_FOOTER;
        }
        if (mAdaptee.getItemCount() >= Integer.MAX_VALUE - TYPE_ADAPTEE_OFFSET) {
            new IllegalStateException("HeaderRecyclerViewAdapter offsets your BasicItemType by " + TYPE_ADAPTEE_OFFSET + ".");
        }
        return mAdaptee.getItemViewType(position) + TYPE_ADAPTEE_OFFSET;
    }


    public static interface HeaderRecyclerView {
        public RecyclerView.ViewHolder onCreateHeaderViewHolder(ViewGroup parent, int viewType);

        public void onBindHeaderView(RecyclerView.ViewHolder holder, int position);
    }

    public static interface FooterRecyclerView {
        public RecyclerView.ViewHolder onCreateFooterViewHolder(ViewGroup parent, int viewType);

        public void onBindFooterView(RecyclerView.ViewHolder holder, int position);
    }

}

HeaderRecyclerViewAdapterV2

import android.support.v7.widget.RecyclerView;
import android.view.ViewGroup;

/**
 * Created by sebnapi on 08.11.14.
 * <p/>
 * If you extend this Adapter you are able to add a Header, a Footer or both
 * by a similar ViewHolder pattern as in RecyclerView.
 * <p/>
 * If you want to omit changes to your class hierarchy you can try the Plug-and-Play
 * approach HeaderRecyclerViewAdapterV1.
 * <p/>
 * Don't override (Be careful while overriding)
 * - onCreateViewHolder
 * - onBindViewHolder
 * - getItemCount
 * - getItemViewType
 * <p/>
 * You need to override the abstract methods introduced by this class. This class
 * is not using generics as RecyclerView.Adapter make yourself sure to cast right.
 * <p/>
 * TOTALLY UNTESTED - USE WITH CARE - HAVE FUN :)
 */
public abstract class HeaderRecyclerViewAdapterV2 extends RecyclerView.Adapter {
    private static final int TYPE_HEADER = Integer.MIN_VALUE;
    private static final int TYPE_FOOTER = Integer.MIN_VALUE + 1;
    private static final int TYPE_ADAPTEE_OFFSET = 2;

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_HEADER) {
            return onCreateHeaderViewHolder(parent, viewType);
        } else if (viewType == TYPE_FOOTER) {
            return onCreateFooterViewHolder(parent, viewType);
        }
        return onCreateBasicItemViewHolder(parent, viewType - TYPE_ADAPTEE_OFFSET);
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (position == 0 && holder.getItemViewType() == TYPE_HEADER) {
            onBindHeaderView(holder, position);
        } else if (position == getBasicItemCount() && holder.getItemViewType() == TYPE_FOOTER) {
            onBindFooterView(holder, position);
        } else {
            onBindBasicItemView(holder, position - (useHeader() ? 1 : 0));
        }
    }

    @Override
    public int getItemCount() {
        int itemCount = getBasicItemCount();
        if (useHeader()) {
            itemCount += 1;
        }
        if (useFooter()) {
            itemCount += 1;
        }
        return itemCount;
    }

    @Override
    public int getItemViewType(int position) {
        if (position == 0 && useHeader()) {
            return TYPE_HEADER;
        }
        if (position == getBasicItemCount() && useFooter()) {
            return TYPE_FOOTER;
        }
        if (getBasicItemType(position) >= Integer.MAX_VALUE - TYPE_ADAPTEE_OFFSET) {
            new IllegalStateException("HeaderRecyclerViewAdapter offsets your BasicItemType by " + TYPE_ADAPTEE_OFFSET + ".");
        }
        return getBasicItemType(position) + TYPE_ADAPTEE_OFFSET;
    }

    public abstract boolean useHeader();

    public abstract RecyclerView.ViewHolder onCreateHeaderViewHolder(ViewGroup parent, int viewType);

    public abstract void onBindHeaderView(RecyclerView.ViewHolder holder, int position);

    public abstract boolean useFooter();

    public abstract RecyclerView.ViewHolder onCreateFooterViewHolder(ViewGroup parent, int viewType);

    public abstract void onBindFooterView(RecyclerView.ViewHolder holder, int position);

    public abstract RecyclerView.ViewHolder onCreateBasicItemViewHolder(ViewGroup parent, int viewType);

    public abstract void onBindBasicItemView(RecyclerView.ViewHolder holder, int position);

    public abstract int getBasicItemCount();

    /**
     * make sure you don't use [Integer.MAX_VALUE-1, Integer.MAX_VALUE] as BasicItemViewType
     *
     * @param position
     * @return
     */
    public abstract int getBasicItemType(int position);

}

フィードバックとフォークに感謝します。私はHeaderRecyclerViewAdapterV2自分で使用し、将来の変化を進化させ、テストし、投稿します。

編集:@OvidiuLatcuはい私はいくつかの問題がありました。実際、私は暗黙的にヘッダーをオフセットするのをやめposition - (useHeader() ? 1 : 0)、代わりにパブリックメソッドint offsetPosition(int position)を作成しました。OnItemTouchListenerRecyclerviewをオンに設定すると、タッチをインターセプトし、タッチのX、Y座標を取得し、対応する子ビュー見つけて呼び出すrecyclerView.getChildPosition(...)ことができるため、常にアダプター内のオフセットされていない位置を取得できます。これはRecyclerViewコードの欠点です。これを克服する簡単な方法は見当たりません。これが、自分のコードで必要なときに明示的な位置をオフセットする理由です。


いいね !何かお困りですか?それとも安全に使用できますか?:D
Ovidiu Latcu 2014年

1
@OvidiuLatcu投稿を参照
seb 2014年

これらの実装では、ヘッダーとフッターの数がそれぞれ1つだけであると想定しているようです。
rishabhmhjn 2015年

@seb バージョン2は魅力のように動作します!! 変更する必要があるのは、onBindViewHolderメソッドとgetItemViewTypeメソッドの両方でフッターを取得するための条件だけです。問題は、position == getBasicItemCount()を使用して位置を取得すると、実際の最後の位置ではなく、最後の位置-1に対してtrueを返さないことです。これにより、FooterViewが(下部ではなく)そこに配置されます。条件を位置== getBasicItemCount()+ 1に変更することで修正し、うまくいきました!
mmark 2015年

@sebバージョン2は非常に効果的です。本当にありがとう。私はそれを使っています。私が提案する小さなことの1つは、オーバーライド関数に「最終」キーワードを追加することです。
RyanShao 2015

10

私はこれを試していませんが、アダプターのgetItemCountによって返される整数に1(またはヘッダーとフッターの両方が必要な場合は2)を追加するだけです。次にgetItemViewType、アダプタでオーバーライドして、次の場合に別の整数を返すことができます。httpsi==0 : //developer.android.com/reference/android/support/v7/widget/RecyclerView.Adapter.html#getItemViewType(int)

createViewHolder次に、から返された整数が渡されるgetItemViewTypeため、ヘッダービューのビューホルダーを別の方法で作成または構成できます。https//developer.android.com/reference/android/support/v7/widget/RecyclerView.Adapter.html# createViewHolder(android.view.ViewGroup、int)

に渡される整数の位置から1を引くことを忘れないでくださいbindViewHolder


それはrecyclerviewの仕事だとは思いません。Recyclerviewsの仕事は、単にビューをリサイクルすることです。ヘッダーまたはフッターの実装を使用してレイアウトマネージャーを作成する方法です。
IZI_Shadow_IZI 2014年

@IanNewson、返信ありがとうございます。まず、このソリューションは機能しているように見えますgetItemViewType(int position) { return position == 0 ? 0 : 1; }(メソッドRecyclerViewはありませんgetViewTypeCount())。一方、私は@IZI_Shadow_IZIに同意します。LayoutManagerがこの種のものを処理するものである必要があると私は本当に感じています。他のアイデアは?
MathieuMaree 2014年

@VieuMaあなたはおそらく両方正しいですが、私は現在それを行う方法を知りません、そして私の解決策がうまくいくと確信していました。次善のソリューションは、ソリューションがない場合よりも優れています。これは、以前のソリューションでした。
Ian Newson 2014年

@VieuMaは、ヘッダーとフッターをアダプターに抽象化すると、要求された両方のタイプのレイアウトを処理する必要があることを意味し、独自のレイアウトマネージャーを作成すると、両方のタイプのレイアウトを再実装できます。
Ian Newson 2014年

アダプターをラップするアダプターを作成し、インデックス0でヘッダービューのサポートを追加します。listviewのHeaderViewは多くのエッジケースを作成し、ラッパーアダプターを使用して解決するのは簡単な問題であるため、追加される値は最小限です。
yigit 2014年

9

このGitHubライブラリを使用すると、RecyclerViewヘッダーまたはフッター(あるいはその両方)を最も簡単な方法で追加できます。

プロジェクトにHFRecyclerViewライブラリを追加する必要があります。または、Gradleから取得することもできます。

compile 'com.mikhaellopez:hfrecyclerview:1.0.0'

これは画像の結果です:

プレビュー

編集:

このライブラリで上部または下部、あるいはその両方にマージンを追加する場合は、SimpleItemDecoration

int offsetPx = 10;
recyclerView.addItemDecoration(new StartOffsetItemDecoration(offsetPx));
recyclerView.addItemDecoration(new EndOffsetItemDecoration(offsetPx));

このライブラリは、LinearLayoutManagerのヘッダーに適切にビューを追加しますが、GridLayoutManagerでヘッダーとしてビューを設定します。これは、画面の幅全体で行われます。このライブラリで可能ですか?
2016年

いいえ、このライブラリでは、適応時にrecyclerViewの最初と最後の要素を変更できます(RecyclerView.Adapter)。このアダプターをGridViewに問題なく使用できます。だから私はこのライブラリーがあなたが望むことをすることを許すと思う。
lopez.mikhael

6

他のアダプターをラップするために独自のアダプターを実装し、ヘッダービューとフッタービューを追加するメソッドを提供することになりました。

ここに要旨を作成しました:HeaderViewRecyclerAdapter.java

私が欲しかった主な機能はListViewと同様のインターフェースだったので、Fragmentのビューを膨らませてに追加できるようにしたかっRecyclerViewたのonCreateViewです。これはHeaderViewRecyclerAdapter、ラップされるアダプターを渡すことを作成し、インフレートされたビューを呼び出しaddHeaderViewaddFooterView渡すことによって行われます。次に、HeaderViewRecyclerAdapterインスタンスをのアダプタとして設定しますRecyclerView

追加の要件は、ヘッダーとフッターを保持しながらアダプターを簡単に交換できる必要があることでした。これらのヘッダーとフッターの複数のインスタンスを持つ複数のアダプターが必要ではありませんでした。そのため、変更を通知されるsetAdapterヘッダーとフッターをそのままにして、ラップされたアダプターを変更するように呼び出すことができますRecyclerView


3

私の「単純な愚かな」方法...それはいくつかのリソースを浪費します、私は知っていますが、私のコードは単純に保つので気にしません... 1)可視性のあるフッターをitem_layoutに追加します

  <LinearLayout
        android:id="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical"
        android:visibility="gone">
    </LinearLayout>

2)最後のアイテムに表示されるように設定します

public void onBindViewHolder(ChannelAdapter.MyViewHolder holder, int position) {
        boolean last = position==data.size()-1;
        //....
        holder.footer.setVisibility(View.GONE);
        if (last && showFooter){
            holder.footer.setVisibility(View.VISIBLE);
        }
    }

ヘッダーの反対を行います


1

@sebのソリューションに基づいて、任意の数のヘッダーとフッターをサポートするRecyclerView.Adapterのサブクラスを作成しました。

https://gist.github.com/mheras/0908873267def75dc746

これは解決策のようですが、LayoutManagerによって管理される必要があるとも思います。残念ながら、私は今それが必要であり、StaggeredGridLayoutManagerを最初から実装する時間もありません(それから拡張することもできません)。

まだテスト中ですが、必要に応じて試すことができます。問題が見つかった場合はお知らせください。


1

あなたはこの問題を解決するためにviewtypeを使うことができます、これが私のデモです:https//github.com/yefengfreedom/RecyclerViewWithHeaderFooterLoadingEmptyViewErrorView

  1. いくつかのリサイクラービューの表示モードを定義できます。

    public static final int MODE_DATA = 0、MODE_LOADING = 1、MODE_ERROR = 2、MODE_EMPTY = 3、MODE_HEADER_VIEW = 4、MODE_FOOTER_VIEW = 5;

2. getItemViewTypeのメソッドをオーバーライドする

 @Override
public int getItemViewType(int position) {
    if (mMode == RecyclerViewMode.MODE_LOADING) {
        return RecyclerViewMode.MODE_LOADING;
    }
    if (mMode == RecyclerViewMode.MODE_ERROR) {
        return RecyclerViewMode.MODE_ERROR;
    }
    if (mMode == RecyclerViewMode.MODE_EMPTY) {
        return RecyclerViewMode.MODE_EMPTY;
    }
    //check what type our position is, based on the assumption that the order is headers > items > footers
    if (position < mHeaders.size()) {
        return RecyclerViewMode.MODE_HEADER_VIEW;
    } else if (position >= mHeaders.size() + mData.size()) {
        return RecyclerViewMode.MODE_FOOTER_VIEW;
    }
    return RecyclerViewMode.MODE_DATA;
}

3. getItemCountメソッドをオーバーライドする

@Override
public int getItemCount() {
    if (mMode == RecyclerViewMode.MODE_DATA) {
        return mData.size() + mHeaders.size() + mFooters.size();
    } else {
        return 1;
    }
}

4. onCreateViewHolderメソッドをオーバーライドします。viewTypeによってビューホルダーを作成する

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    if (viewType == RecyclerViewMode.MODE_LOADING) {
        RecyclerView.ViewHolder loadingViewHolder = onCreateLoadingViewHolder(parent);
        loadingViewHolder.itemView.setLayoutParams(
                new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, parent.getHeight() - mToolBarHeight)
        );
        return loadingViewHolder;
    }
    if (viewType == RecyclerViewMode.MODE_ERROR) {
        RecyclerView.ViewHolder errorViewHolder = onCreateErrorViewHolder(parent);
        errorViewHolder.itemView.setLayoutParams(
                new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, parent.getHeight() - mToolBarHeight)
        );
        errorViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                if (null != mOnErrorViewClickListener) {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOnErrorViewClickListener.onErrorViewClick(v);
                        }
                    }, 200);
                }
            }
        });
        return errorViewHolder;
    }
    if (viewType == RecyclerViewMode.MODE_EMPTY) {
        RecyclerView.ViewHolder emptyViewHolder = onCreateEmptyViewHolder(parent);
        emptyViewHolder.itemView.setLayoutParams(
                new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, parent.getHeight() - mToolBarHeight)
        );
        emptyViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                if (null != mOnEmptyViewClickListener) {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOnEmptyViewClickListener.onEmptyViewClick(v);
                        }
                    }, 200);
                }
            }
        });
        return emptyViewHolder;
    }
    if (viewType == RecyclerViewMode.MODE_HEADER_VIEW) {
        RecyclerView.ViewHolder headerViewHolder = onCreateHeaderViewHolder(parent);
        headerViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                if (null != mOnHeaderViewClickListener) {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOnHeaderViewClickListener.onHeaderViewClick(v, v.getTag());
                        }
                    }, 200);
                }
            }
        });
        return headerViewHolder;
    }
    if (viewType == RecyclerViewMode.MODE_FOOTER_VIEW) {
        RecyclerView.ViewHolder footerViewHolder = onCreateFooterViewHolder(parent);
        footerViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                if (null != mOnFooterViewClickListener) {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOnFooterViewClickListener.onFooterViewClick(v, v.getTag());
                        }
                    }, 200);
                }
            }
        });
        return footerViewHolder;
    }
    RecyclerView.ViewHolder dataViewHolder = onCreateDataViewHolder(parent);
    dataViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(final View v) {
            if (null != mOnItemClickListener) {
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        mOnItemClickListener.onItemClick(v, v.getTag());
                    }
                }, 200);
            }
        }
    });
    dataViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(final View v) {
            if (null != mOnItemLongClickListener) {
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        mOnItemLongClickListener.onItemLongClick(v, v.getTag());
                    }
                }, 200);
                return true;
            }
            return false;
        }
    });
    return dataViewHolder;
}

5. onBindViewHolderメソッドをオーバーライドします。viewTypeによるデータのバインド

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    if (mMode == RecyclerViewMode.MODE_LOADING) {
        onBindLoadingViewHolder(holder, position);
    } else if (mMode == RecyclerViewMode.MODE_ERROR) {
        onBindErrorViewHolder(holder, position);
    } else if (mMode == RecyclerViewMode.MODE_EMPTY) {
        onBindEmptyViewHolder(holder, position);
    } else {
        if (position < mHeaders.size()) {
            if (mHeaders.size() > 0) {
                onBindHeaderViewHolder(holder, position);
            }
        } else if (position >= mHeaders.size() + mData.size()) {
            if (mFooters.size() > 0) {
                onBindFooterViewHolder(holder, position - mHeaders.size() - mData.size());
            }
        } else {
            onBindDataViewHolder(holder, position - mHeaders.size());
        }
    }
}

あなたのリンクが将来壊れたらどうしますか?
Gopal Singh Sirvi 2015

よい質問です。私は私の回答を編集してここに私のコードを投稿します
yefeng

1

ライブラリSectionedRecyclerViewAdapterを使用して、項目をセクションにグループ化し、以下の画像のように各セクションにヘッダーを追加できます。

ここに画像の説明を入力してください

まず、セクションクラスを作成します。

class MySection extends StatelessSection {

    String title;
    List<String> list;

    public MySection(String title, List<String> list) {
        // call constructor with layout resources for this Section header, footer and items 
        super(R.layout.section_header, R.layout.section_item);

        this.title = title;
        this.list = list;
    }

    @Override
    public int getContentItemsTotal() {
        return list.size(); // number of items of this section
    }

    @Override
    public RecyclerView.ViewHolder getItemViewHolder(View view) {
        // return a custom instance of ViewHolder for the items of this section
        return new MyItemViewHolder(view);
    }

    @Override
    public void onBindItemViewHolder(RecyclerView.ViewHolder holder, int position) {
        MyItemViewHolder itemHolder = (MyItemViewHolder) holder;

        // bind your view here
        itemHolder.tvItem.setText(list.get(position));
    }

    @Override
    public RecyclerView.ViewHolder getHeaderViewHolder(View view) {
        return new SimpleHeaderViewHolder(view);
    }

    @Override
    public void onBindHeaderViewHolder(RecyclerView.ViewHolder holder) {
        MyHeaderViewHolder headerHolder = (MyHeaderViewHolder) holder;

        // bind your header view here
        headerHolder.tvItem.setText(title);
    }
}

次に、セクションでRecyclerViewを設定し、GridLayoutManagerでヘッダーのSpanSizeを変更します。

// Create an instance of SectionedRecyclerViewAdapter 
SectionedRecyclerViewAdapter sectionAdapter = new SectionedRecyclerViewAdapter();

// Create your sections with the list of data
MySection section1 = new MySection("My Section 1 title", dataList1);
MySection section2 = new MySection("My Section 2 title", dataList2);

// Add your Sections to the adapter
sectionAdapter.addSection(section1);
sectionAdapter.addSection(section2);

// Set up a GridLayoutManager to change the SpanSize of the header
GridLayoutManager glm = new GridLayoutManager(getContext(), 2);
glm.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        switch(sectionAdapter.getSectionItemViewType(position)) {
            case SectionedRecyclerViewAdapter.VIEW_TYPE_HEADER:
                return 2;
            default:
                return 1;
        }
    }
});

// Set up your RecyclerView with the SectionedRecyclerViewAdapter
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
recyclerView.setLayoutManager(glm);
recyclerView.setAdapter(sectionAdapter);

0

遅れて来るのはわかっていますが、そのような「addHeader」をアダプタに実装できるようになったのはつい最近のことです。私のFlexibleAdapterプロジェクトsetHeaderでは、Sectionableアイテムを呼び出すことができ、次に呼び出しますshowAllHeaders。ヘッダーが1つだけ必要な場合は、最初のアイテムにヘッダーが必要です。このアイテムを削除すると、ヘッダーは自動的に次のアイテムにリンクされます。

残念ながらフッターは(まだ)カバーされていません。

FlexibleAdapterを使用すると、ヘッダー/セクションを作成する以上のことができます。:あなたは本当に見ている必要がありhttps://github.com/davideas/FlexibleAdapterを


0

これらすべてのHeaderRecyclerViewAdapter実装に代替を追加するだけです。CompoundAdapter:

https://github.com/negusoft/CompoundAdapter-android

アダプタからAdapterGroupを作成できるため、これはより柔軟なアプローチです。ヘッダーの例では、アダプターをそのまま使用し、ヘッダー用のアイテムを1つ含むアダプターを使用します。

AdapterGroup adapterGroup = new AdapterGroup();
adapterGroup.addAdapter(SingleAdapter.create(R.layout.header));
adapterGroup.addAdapter(new MyAdapter(...));

recyclerView.setAdapter(adapterGroup);

それはかなりシンプルで読みやすいです。同じ原理を使用して、より複雑なアダプターを簡単に実装できます。

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