首页 > 其他分享 >RecyclerView:带header的grid

RecyclerView:带header的grid

时间:2023-04-06 22:07:47浏览次数:55  
标签:int header grid position RecyclerView public view


RecyclerView是一个高度可定制性的View
本文将使用RecyclerView实现带header的grid

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

1,定义一个具有两种view类型的adapter,一个为header,一个为普通item。

2,nflate一个header,把它传递给adapter。

3,重写GridLayoutManager中的setSpanSizeLookup,在header所处的位置返回和span count (列数)相等的 span size。

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

import com.example.test.R;
import com.widget.view.HeaderAdapter.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 HeaderAdapter extends RecyclerView.Adapter<ViewHolder> {

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

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

	public HeaderAdapter(View header, int count) {
		if (header == null) {
			throw new IllegalArgumentException("header may not be null");
		}
		this.header = header;
		this.labels = new ArrayList<String>(count);
		for (int i = 0; i < count; ++i) {
			labels.add(String.valueOf(i));
		}
	}

	public boolean isHeader(int position) {
		return position == 0;
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
		if (viewType == ITEM_VIEW_TYPE_HEADER) {
			return new ViewHolder(header);
		}
		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;
		}
		final String label = labels.get(position - 1); // Subtract 1 for header
		holder.textView.setText(label);
	}

	@Override
	public int getItemViewType(int position) {
		return isHeader(position) ? ITEM_VIEW_TYPE_HEADER : ITEM_VIEW_TYPE_ITEM;
	}

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

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

}




recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
View header = LayoutInflater.from(this).inflate(R.layout.header_view, recyclerView, false);
			final HeaderAdapter adapter = new HeaderAdapter(header, 30);
			adapter.setOnItemClickLitener(new HeaderAdapter.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{
						Toast.makeText(context, "header item "+(position-1), Toast.LENGTH_SHORT).show();
					}
				}
			});
			
        	final GridLayoutManager manager = new GridLayoutManager(this, 3);
        	manager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
				@Override
				public int getSpanSize(int position) {
					return adapter.isHeader(position) ? manager.getSpanCount() : 1;
				}
			});
        	recyclerView.setLayoutManager(manager);
        	
			recyclerView.setAdapter(adapter);




具体描述看原帖,我只是稍稍改了一下


http://www.open-open.com/lib/view/open1437662138631.html 如果你觉得使用RecyclerView添加Header比较烦,那没办法,就使用这个 HeaderGridView类吧


RecyclerView 必知必会


http://mp.weixin.qq.com/s/CzrKotyupXbYY6EY2HP_dA

标签:int,header,grid,position,RecyclerView,public,view
From: https://blog.51cto.com/u_5454003/6174212

相关文章

  • 上拉下拉刷新,支持ListView,GridView,ScrollView
    开源项目PullToRefresh详解(一)——PullToRefreshListView类似Lollipop滚动溢出效果的下拉刷新布局:JellyRefreshLayouthttp://www.open-open.com/lib/view/open1437223823115.html网上很多这样的效果都是继承某个具体的AdapterView或ScrollView,这样很不通......
  • cxgrid行内编辑按钮
    cxgrid行内编辑按钮在每行的数据最后一列显示一个按钮,点击按钮删除对应的数据。使用cxGrid能完美实现。1、设置按钮列的properties是buttonedit2、设置properties下的属性 viewStyle=vsButtonsAutoWidth3、设置Options中的 ShowEditButtons=isebAlways4、点击properties下......
  • dxg:GridControl 单元格关联其他单元格的颜色设定
    列样式:<dxg:GridColumn.CellStyle><StyleTargetType="{x:Typedxg:LightweightCellEditor}"><Style.Triggers><DataTriggerValue="T......
  • 带header的GridView(HeaderGridView)
    扣自goolgeandroid.photos/**Copyright(C)2013TheAndroidOpenSourceProject**LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisfileexceptincompliancewiththeLicense.*Yo......
  • DEVEXPRESS GRIDVIEW 代码添加按钮
    1.1创建一个RepositoryItemButtonEdit方法privateRepositoryItemButtonEditCreateRepositoryItemButtonEdit(Dictionary<object,string>dicButtons){RepositoryItemButtonEditrepositoryBtn=newRepositoryItemButtonEdit();re......
  • dbgrideh也能类似于Excel下拉筛选的功能
    需要五个控件:DBGridEh,TDataSource,TClientDataSet,TMemTableEh,TDataSetDriverEh DBGridEh.DataSource >TDataSourceTDataSource.DataSet>TMemTableEhTMemTa......
  • css列数自适应的grid布局
    近期做项目,遇到了一点样式上的问题,理论上通过直接改/嵌套一层来解决比较容易,但实际上,数据结构没我想象中的简单具体例子如下:demo期望效果: ......
  • 第八篇 css - 布局 - 【 浮动布局 + 定位布局 + flex 伸缩盒布局 + grid 网格布局 】
    普通流文档流流式布局分为1、普通流2、定位流3、浮动流不同流内的块级元素和行内元素的布局方式不同布局方式用FC格式化上下文来命名......
  • MongoDB GridFS最佳应用概述
    《MongoDBGridFS最佳应用概述》作者:chszs,转载需注明。GridFS是MongoDB数据库之上的一个简单文件系统抽象。如果你熟悉AmazonS3的话,那么GridFS与之相似。为什么像MongoDB这......
  • extjs4 grid获取选择行的数据
    班门弄斧而已,说的不对,大家见谅。上次是获取点击tree的一个节点,获取节点的数据。现在是grid点击一行或者是选中一行,获取该行的数据,在api中看到其实是一行的。//已经获......