`

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加头尾正确方式

    本篇主要介绍如何在RecyclerView中正确添加头部(Header)和尾部(Footer)视图,并解决在网格(Grid)或瀑布流(瀑布布局通常基于StaggeredGridLayoutManager)中Header和Footer不占满一行的问题。 首先,我们需要...

    grid-with-header-list-adapter:如何使用普通列表视图显示带有标题的网格视图的库和示例

    这个库的核心是`ListAsGridAdapter`,它继承自`BaseAdapter`,并扩展了其功能,使其能够处理带有页眉(header)和页脚(footer)的网格视图。在传统的ListView中,我们通常只能展示一维的数据列表,而`...

    如何自定义GridView控件的表头

    对于复杂的需求,还可以考虑使用Header/Footer支持的库,如`androidx.recyclerview.widget.RecyclerView`配合`GridLayoutManager`和`SectionedRecyclerViewAdapter`。 总结,自定义GridView表头的关键在于创建一个...

    java版飞机大战源码-Project-Manager:分类整理了Star的项目,以及自己上传的项目

    集成了RecyclerView常用的功能,包括下拉刷新、添加Header和Footer、固定悬浮头、侧滑删除等。值得学习。 4、Android形变动画/加载动画 高仿58的加载动画,菱形、三角形、圆形的形变动画。 5、带侧滑删除的...

    core-1.0.0.zip

    以及Header/Footer支持,方便在列表的开头或结尾添加额外的信息。这些特性极大地增强了用户体验,并且减少了开发者的工作量。 在实际开发中,TwoWay-View的使用步骤通常包括以下几个环节: 1. 添加依赖:将TwoWay-...

    GridViewDemo

    此外,还可以通过设置Header和Footer,为GridView添加额外的行。 6. GridView性能优化 - 使用ViewHolder模式:减少 findViewById 的调用,提高列表滑动流畅度。 - 数据加载策略:根据屏幕可见范围动态加载数据,...

Global site tag (gtag.js) - Google Analytics