Android 利用ViewPager+GridView，仿美团首页导航栏分类布局界面

@Override

public View getView(int position, View convertView, ViewGroup parent) {

Log.i(“TAG”, “position:” + position);

ViewHolder vh = null;

if (convertView == null) {

convertView = mLayoutInflater.inflate(R.layout.item_gridview_header, parent, false);

vh = new ViewHolder();

vh.tv = (TextView) convertView.findViewById(R.id.textView);

vh.iv = (ImageView) convertView.findViewById(R.id.imageView);

convertView.setTag(vh);

} else {

vh = (ViewHolder) convertView.getTag();

}

/**

* 在给View绑定显示的数据时，计算正确的position = position + mIndex * mPageSize， */ int pos = position + mIndex * mPageSize;

vh.tv.setText(mDatas.get(pos).name);

vh.iv.setImageResource(mDatas.get(pos).iconRes);

return convertView;

}

在给View绑定显示的数据时，根据当前下标index，和每页显示最大的条目数pageSize ，计算一下正确的position。

四：其实第四步不修改，显示也是正常的，但是我觉得应该也要同步修改一下，getItem和getItemId方法，代码一并贴上来。

@Override

public Object getItem(int position) {

return mDatas.get(position + mIndex * mPageSize);

}

@Override

public long getItemId(int position) {

return position + mIndex * mPageSize;

}

完整GridViewAdapter代码如下：

package com.example.meituanheaderdemo.adapter;

import android.content.Context;

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;

import com.example.meituanheaderdemo.R;

import com.example.meituanheaderdemo.bean.HeaderViewBean;

import java.util.List;

/**

* Created by zhangxutong on 2016/