ホームページ > Java > &#&チュートリアル > Android RecyclerViews でヘッダーとフッターを効果的に実装するにはどうすればよいですか?

Android RecyclerViews でヘッダーとフッターを効果的に実装するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-13 00:23:02
オリジナル
465 人が閲覧しました

How can I effectively implement headers and footers in Android RecyclerViews?

Android RecyclerView でのヘッダーとフッターの処理: 総合ガイド

RecyclerView にヘッダーとフッターを追加すると、追加の情報や機能が提供され、ユーザー エクスペリエンスが向上します。 Android サポート ライブラリはこのためのメソッドをネイティブに提供していませんが、それを実現する実証済みの手法があります。

ヘッダーの追加:

  1. カスタムViewHolder: ヘッダー ビューのカスタム ViewHolder を定義し、拡張します。 RecyclerView.ViewHolder.
  2. ヘッダー ビューのインフレート: onCreateViewHolder() で、レイアウト リソースからヘッダー ビューをインフレートし、カスタム ViewHolder のインスタンスを作成します。
  3. ViewHolder Initialization: カスタムの bindingView() をオーバーライドします。 ViewHolder を使用してヘッダー ビューの要素を設定します。
  4. ビュー レイアウト位置の割り当て: ヘッダー ビューの ViewHolder で setLayoutPosition() を呼び出して、RecyclerView 内の適切な位置を割り当てます。
  5. ヘッダー ビューの追加: を使用しますLayoutManager.addView(headerView, 0) またはadapter.notifyItemInserted(0) を使用して、RecyclerView の上部にヘッダー ビューを追加します。

フッターの追加:

  1. カスタム フッター ViewHolder:フッターのカスタム ViewHolder を作成するには、ヘッダーの場合と同じ手順です。
  2. ViewHolder Initialization: カスタム フッター ViewHolder の bindingView() をオーバーライドして、フッター ビューの要素を設定します。
  3. ViewHolder レイアウト位置: 呼び出しフッター ビューの ViewHolder で setLayoutPosition() を使用して、RecyclerView 内の適切な位置を割り当てます。
  4. フッター ビューの追加: LayoutManager.addView(footerView, data.size()) またはadapter.notifyItemInserted を使用します。 (data.size()) を使用してフッター ビューを下部に追加します。 RecyclerView.

グリッド レイアウトとリニア レイアウトの両方のサポート:

GridLayoutManager と LinearLayoutManager の両方を処理するには、getItemViewType(int) をオーバーライドし、ヘッダーに異なるビュー タイプを返します。 、フッター、コンテンツ項目。 RecyclerView.Adapter#getItemCount() を使用して、ヘッダーとフッターの両方をカウントに含めます。

実装例:

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import java.util.List;

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

    private static final int VIEW_TYPE_HEADER = 0;
    private static final int VIEW_TYPE_FOOTER = 1;
    private static final int VIEW_TYPE_CONTENT = 2;

    private List<String>listData;
    private View headerView;
    private View footerView;

    public MyRecyclerViewAdapter(List<String>listData, View headerView, View footerView) {
        this.listData = listData;
        this.headerView = headerView;
        this.footerView = footerView;
    }

    @Override
    public int getItemViewType(int position) {
        if (position == 0) {
            return VIEW_TYPE_HEADER;
        } else if (position == getItemCount() - 1) {
            return VIEW_TYPE_FOOTER;
        } else {
            return VIEW_TYPE_CONTENT;
        }
    }

    @Override
    public MyRecyclerViewAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        switch(viewType) {
            case VIEW_TYPE_HEADER:
                return new ViewHolder(headerView);
            case VIEW_TYPE_FOOTER:
                return new ViewHolder(footerView);
            default:
                return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.content_item, parent, false));
        }
    }

    @Override
    public void onBindViewHolder(MyRecyclerViewAdapter.ViewHolder holder, int position) {
        if (holder.getItemViewType() == VIEW_TYPE_CONTENT) {
            // Bind content item logic
        }
    }

    @Override
    public int getItemCount() {
        return listData.size() + 2;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public ViewHolder(View itemView) {
            super(itemView);
        }
    }
}
ログイン後にコピー

これらの手法を利用すると、効果的に次のことができます。ヘッダーとフッターの両方を RecyclerView に追加して、ユーザー エクスペリエンスを向上させ、さまざまなレイアウト マネージャーに対応します。

以上がAndroid RecyclerViews でヘッダーとフッターを効果的に実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート