`

RecyclerView:带header和footer的grid

阅读更多
知道原理后,为RecyclerView实现同时带header和footer也就分分钟的事情了

你可以把GridLayoutManager(this, 3)中的第二个参数设置为1,那就变成一个带header和footer的ListView了。
注意,这里header和footer可以为null(没人规定一定要设置header或footer的,呵呵)

import java.util.ArrayList;
import java.util.List;

import com.example.test.R;
import com.widget.view.HeaderFooterAdapter.ViewHolder;

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

/**
 * 为了用RecyclerView创建一个带header的grid:

	1,定义一个具有两种view类型的adapter,一个为header一个为普通item。
	
	2,inflate一个header,把它传递给adapter。
	
	3,重写GridLayoutManager中的setSpanSizeLookup,在header所处的位置返回和span count(列数)相等的 span size。
 * @author Administrator
 *
 */
public class HeaderFooterAdapter extends RecyclerView.Adapter<ViewHolder> {

	private static final int ITEM_VIEW_TYPE_HEADER = 0;
	private static final int ITEM_VIEW_TYPE_ITEM = 1;
	private static final int ITEM_VIEW_TYPE_FOOTER = 2;

	private final View header;
	private final View footer;
	private final List<String> labels;

	private int headerCount=0;
	private int footerCount=0;
	public HeaderFooterAdapter(View header, View footer,int count) {
		headerCount=header == null?0:1;
		footerCount=footer == null?0:1;
		
		this.header = header;
		this.footer = footer;
		this.labels = new ArrayList<String>(count);
		for (int i = 0; i < count; ++i) {
			labels.add(String.valueOf(i));
		}
	}

	public boolean isHeader(int position) {
		if(headerCount==0){
			return false;
		}
		return position == 0;
	}
	public boolean isFooter(int position) {
		if(footerCount==0){
			return false;
		}
		return position == labels.size()+headerCount;// add 1 for footer
//		return position == getItemCount()-headerCount;// or Subtract 1 for footer
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
		if (viewType == ITEM_VIEW_TYPE_HEADER) {
			return new ViewHolder(header);
		}
		if (viewType == ITEM_VIEW_TYPE_FOOTER) {
			return new ViewHolder(footer);
		}
		View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
		return new ViewHolder(view);
	}

	@Override
	public void onBindViewHolder(final ViewHolder holder, final int position) {
		if (isHeader(position)) {
			return;
		}
		if (isFooter(position)) {
			return;
		}
		final String label = labels.get(position - headerCount); // Subtract 1 for header
		holder.textView.setText(label);
	}

	@Override
	public int getItemViewType(int position) {
		if(isHeader(position)){
			return ITEM_VIEW_TYPE_HEADER;
		}
		if(isFooter(position)){
			return ITEM_VIEW_TYPE_FOOTER;
		}
		return ITEM_VIEW_TYPE_ITEM;
	}

	@Override
	public int getItemCount() {
		return labels.size() + headerCount+footerCount;
	}

	class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
		public TextView textView;

		public ViewHolder(View itemView) {
			super(itemView);
			if (onItemClickLitener != null){
				itemView.setOnClickListener(this);
            }
			textView = (TextView) itemView.findViewById(R.id.item_0);
		}

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			onItemClickLitener.onItemClick(v, getLayoutPosition());//getPosition()被废弃了
		}
		
	}
	
	private static OnItemClickLitener onItemClickLitener;
	
	public void setOnItemClickLitener(OnItemClickLitener onItemClickLitener) {
		this.onItemClickLitener = onItemClickLitener;
	}
	
	public interface OnItemClickLitener {
		void onItemClick(View view, int position);
	}

}


View header = LayoutInflater.from(this).inflate(R.layout.header_view, recyclerView, false);
        	View footer = LayoutInflater.from(this).inflate(R.layout.footer_view, recyclerView, false);
			final HeaderFooterAdapter adapter = new HeaderFooterAdapter(header,footer, 30);
			adapter.setOnItemClickLitener(new HeaderFooterAdapter.OnItemClickLitener() {
				
				@Override
				public void onItemClick(View view, int position) {
					// TODO Auto-generated method stub
					if(adapter.isHeader(position)){
						Toast.makeText(context, "header clicked", Toast.LENGTH_SHORT).show();
					}else if(adapter.isFooter(position)){
						Toast.makeText(context, "footer clicked", Toast.LENGTH_SHORT).show();
					}else{
						Toast.makeText(context, "header item "+position, Toast.LENGTH_SHORT).show();
					}
				}
			});
			
        	final GridLayoutManager manager = new GridLayoutManager(this, 3);
        	manager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
				@Override
				public int getSpanSize(int position) {
					if(adapter.isHeader(position)||adapter.isFooter(position)){
						return manager.getSpanCount();
					}
					return  1;
				}
			});
        	recyclerView.setLayoutManager(manager);
		recyclerView.setAdapter(adapter);


你必须了解的RecyclerView的五大开源项目-解决上拉加载、下拉刷新和添加Header、Footer等问题
http://www.see-source.com/blog/300000035/1463.html

滑动到顶部/底部 可拉伸回弹的ListView与ScrollView
https://github.com/teisun/SunmiUI
分享到:
评论

相关推荐

    使用RecyclerView实现带Header和Footer的GridView

    本教程将详细介绍如何使用RecyclerView来实现一个带有Header和Footer的效果,类似于GridView的功能。 首先,理解RecyclerView的基本架构是至关重要的。RecyclerView由Adapter、LayoutManager和ViewHolder三部分组成...

    RecyclerView之添加header footer

    本文将深入探讨如何在RecyclerView中添加header和footer,以实现更丰富的界面布局。 RecyclerView是一个用于展示可滚动数据集的视图容器,它允许开发者通过Adapter来动态管理数据并渲染视图。添加header和footer是...

    RecyclerView添加Header和Footer.rar

    本压缩包“RecyclerView添加Header和Footer.rar”可能包含了一个示例项目,演示如何在RecyclerView中添加头部(Header)和尾部(Footer)视图。以下是对这个主题的详细讲解: 1. RecyclerView基本概念: ...

    RecyclerView添加header ,添加footer同理

    本教程将详细讲解如何在RecyclerView中添加Header和Footer,这对于构建复杂布局,如添加广告条或者底部操作按钮是非常实用的。 首先,我们需要理解RecyclerView的基本架构。RecyclerView由Adapter和LayoutManager两...

    RecyclerView_Header_Footer

    本话题主要围绕"RecyclerView_Header_Footer"展开,即如何在RecyclerView中添加头部(Header)和尾部(Footer)。 首先,我们来了解RecyclerView的基本结构。RecyclerView由Adapter和LayoutManager组成。Adapter...

    Android中Recyclerview使用5----添加头部:RecyclerViewHeader

    本篇文章将详细探讨如何在RecyclerView中添加头部(RecyclerViewHeader),这是在很多应用中都需要实现的功能,比如在列表顶部展示广告或者分类标签。 首先,我们需要理解RecyclerView的工作原理。RecyclerView通过...

    Android-RecyclerView封装加载更多添加Header和Footer

    本教程将聚焦于如何对RecyclerView进行封装,实现加载更多、添加Header和Footer的功能。这在许多应用程序中都非常常见,例如社交应用、电商应用等,需要无限滚动加载新数据,并在顶部或底部显示额外的信息。 首先,...

    RecyclerViewHeaderAndFooter

    本项目"RecyclerViewHeaderAndFooter"着重讲解如何在RecyclerView中添加头部(Header)和尾部(Footer)。 首先,我们来理解RecyclerView的基本结构。RecyclerView由Adapter、LayoutManager和ItemDecoration三大...

    recyclerView万能复用添加Header/FooterView及上拉加载下拉刷新源码

    本教程将深入探讨如何在RecyclerView中实现Header/Footer的添加,以及整合上拉加载和下拉刷新功能,这些都是现代应用中常见的交互模式。 首先,让我们了解RecyclerView的基本结构。RecyclerView是一个视图容器,它...

    公用的header和footer

    在移动应用开发中,"公用的header和footer"是一个常见的设计模式,特别是在使用App Framework进行构建时。App Framework是一个轻量级的JavaScript库,旨在帮助开发者快速、高效地创建跨平台的移动应用。它提供了丰富...

    Android-根据XRecyclerView源码修改支持自定义header和footer

    总结,通过对XRecyclerView源码的理解和修改,我们可以轻松实现自定义header和footer的功能,增强 RecyclerView 的功能性和用户体验。这个过程涉及到对Android UI组件的深入理解,Adapter的使用,以及事件处理和性能...

    RecyclerVeiw的header/footer和下拉示例

    在实际应用中,我们经常需要在RecyclerView中添加Header和Footer来增强界面的功能和美观度,同时,下拉刷新也是移动应用常见的交互模式。下面我们将详细探讨如何在Android Studio工程中实现RecyclerView的Header、...

    实现列表header和footer隐藏后滑动快速出现功能源码.rar

    3. **更新Header和Footer**:使用`beginUpdates()`和`endUpdates()`方法,或者直接修改`tableHeaderView`和`tableFooterView`的frame,来控制它们的显示和隐藏。 值得注意的是,本项目中的源码可能包含了特定的实现...

    Linkage-RecyclerView-即使不用饿了么订餐,也请务必收藏好该库! 一行代码即可接入,二级联动订餐列表 - RecyclerView AndroidX.zip

    RxMagicEleme LinearEleme Grid目标Linkage-RecyclerView 的目标是:一行代码即可接入二级联动列表。除了一键接入而省去 99% 不必要的、复杂的、重复的工作外,你还可以从这个开源项目获得的内容包括:整洁的代码...

    使用RecyclerView添加Header和Footer的方法

    首先,确保在项目的build.gradle文件中添加RecyclerView和CardView的依赖库: ```groovy dependencies { implementation 'com.android.support:recyclerview-v7:版本号' implementation '...

    Android_listView_Header&Footer

    `Android_listView_Header&Footer`这个项目显然关注的是如何在ListView中添加头部(Header)和尾部(Footer)视图。对于初学者来说,理解并实现ListView的这部分功能是非常重要的,因为它能帮助你构建更复杂的用户...

    使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果 实例源码下载

    implementation 'com.github.castorflex.recyclerviewheader2:recyclerview-header:24.0.1' } ``` 然后,我们需要创建一个RecyclerView,并设置其适配器。在适配器中,我们将包含实际的数据列表。接着,创建一个...

Global site tag (gtag.js) - Google Analytics