<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:background="#CDCDCD" >  <RelativeLayout    android:layout_width="match_parent"    android:layout_height="200dp"    android:background="#fff" >    <android.support.v4.view.ViewPager      android:id="@+id/viewpager"      android:layout_width="match_parent"      android:layout_height="wrap_content" />    <LinearLayout      android:id="@+id/points"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_alignParentBottom="true"      android:layout_marginBottom="10dp"      android:gravity="center"      android:orientation="horizontal" />  </RelativeLayout></RelativeLayout>

<?xml version="1.0" encoding="utf-8"?><GridView xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/gridView"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:numColumns="4"></GridView>

package com.item.jiejie.adapter;import java.util.List;import com.item.jiejie.ProdctBean;import com.item.jiejie.R;import android.content.Context;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;/** * GridView加載數(shù)據(jù)的適配器 * @author Administrator * */public class MyGridViewAdpter extends BaseAdapter{    private Context context;  private List<ProdctBean> lists;//數(shù)據(jù)源  private int mIndex; // 頁數(shù)下標(biāo)，標(biāo)示第幾頁，從0開始  private int mPargerSize;// 每頁顯示的最大的數(shù)量        public MyGridViewAdpter(Context context, List<ProdctBean> lists,      int mIndex, int mPargerSize) {    this.context = context;    this.lists = lists;    this.mIndex = mIndex;    this.mPargerSize = mPargerSize;  }  /**   * 先判斷數(shù)據(jù)及的大小是否顯示滿本頁lists.size() > (mIndex + 1)*mPagerSize   * 如果滿足，則此頁就顯示最大數(shù)量lists的個(gè)數(shù)   * 如果不夠顯示每頁的最大數(shù)量，那么剩下幾個(gè)就顯示幾個(gè)   */  @Override  public int getCount() {    // TODO Auto-generated method stub    return lists.size() > (mIndex + 1) * mPargerSize ?         mPargerSize : (lists.size() - mIndex*mPargerSize);  }  @Override  public ProdctBean getItem(int arg0) {    // TODO Auto-generated method stub    return lists.get(arg0 + mIndex * mPargerSize);  }  @Override  public long getItemId(int arg0) {    // TODO Auto-generated method stub    return arg0 + mIndex * mPargerSize;  }  @Override  public View getView(int position, View convertView, ViewGroup parent) {    // TODO Auto-generated method stub    ViewHolder holder = null;    if(convertView == null){      holder = new ViewHolder();      convertView = View.inflate(context, R.layout.item_view, null);      holder.tv_name = (TextView)convertView.findViewById(R.id.item_name);      holder.iv_nul = (ImageView)convertView.findViewById(R.id.item_image);      convertView.setTag(holder);    }else {      holder = (ViewHolder)convertView.getTag();    }    //重新確定position因?yàn)槟玫降目偸菙?shù)據(jù)源，數(shù)據(jù)源是分頁加載到每頁的GridView上的    final int pos = position + mIndex * mPargerSize;//假設(shè)mPageSiez    //假設(shè)mPagerSize=8，假如點(diǎn)擊的是第二頁（即mIndex=1）上的第二個(gè)位置item(position=1),那么這個(gè)item的實(shí)際位置就是pos=9    holder.tv_name.setText(lists.get(pos).getName() + "");    holder.iv_nul.setImageResource(lists.get(pos).getUrl());    //添加item監(jiān)聽//    convertView.setOnClickListener(new View.OnClickListener() {//      //      @Override//      public void onClick(View arg0) {//        // TODO Auto-generated method stub//        Toast.makeText(context, "您點(diǎn)擊了" + lists.get(pos).getName(), Toast.LENGTH_SHORT).show();//      }//    });    return convertView;  }  static class ViewHolder{    private TextView tv_name;    private ImageView iv_nul;  }}

package com.item.jiejie;import java.util.ArrayList;import java.util.List;import com.item.jiejie.adapter.MyGridViewAdpter;import com.item.jiejie.adapter.MyViewPagerAdapter;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.Toast;/** * 實(shí)現(xiàn)仿美團(tuán)首頁導(dǎo)航欄布局分頁效果  * @author Administrator * */public class MyActivity extends Activity {  private ViewPager viewPager;  private LinearLayout group;//圓點(diǎn)指示器  private ImageView[] ivPoints;//小圓點(diǎn)圖片的集合  private int totalPage; //總的頁數(shù)  private int mPageSize = 8; //每頁顯示的最大的數(shù)量  private List<ProdctBean> listDatas;//總的數(shù)據(jù)源  private List<View> viewPagerList;//GridView作為一個(gè)View對(duì)象添加到ViewPager集合中  //private int currentPage;//當(dāng)前頁    private String[] proName = {"名稱0","名稱1","名稱2","名稱3","名稱4","名稱5",      "名稱6","名稱7","名稱8","名稱9","名稱10","名稱11","名稱12","名稱13",      "名稱14","名稱15","名稱16","名稱17","名稱18","名稱19"};  @Override  protected void onCreate(Bundle savedInstanceState) {    // TODO Auto-generated method stub    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_my);    //初始化控件    initView();    //添加業(yè)務(wù)邏輯    initData();  }    private void initView() {    // TODO Auto-generated method stub    viewPager = (ViewPager)findViewById(R.id.viewpager);    group = (LinearLayout)findViewById(R.id.points);    listDatas = new ArrayList<ProdctBean>();    for(int i =0 ; i < proName.length; i++){      listDatas.add(new ProdctBean(proName[i], R.drawable.iv_driving));    }  }  private void initData() {    // TODO Auto-generated method stub    //總的頁數(shù)向上取整    totalPage = (int) Math.ceil(listDatas.size() * 1.0 / mPageSize);    viewPagerList = new ArrayList<View>();    for(int i = 0; i < totalPage; i++){      //每個(gè)頁面都是inflate出一個(gè)新實(shí)例      final GridView gridView = (GridView)View.inflate(this, R.layout.item_gridview, null);      gridView.setAdapter(new MyGridViewAdpter(this, listDatas, i, mPageSize));      //添加item點(diǎn)擊監(jiān)聽      gridView.setOnItemClickListener(new OnItemClickListener() {        @Override        public void onItemClick(AdapterView<?> arg0, View arg1,            int position, long arg3) {          // TODO Auto-generated method stub          Object obj = gridView.getItemAtPosition(position);          if(obj != null && obj instanceof ProdctBean){            System.out.println(obj);            Toast.makeText(MyActivity.this, ((ProdctBean)obj).getName(), Toast.LENGTH_SHORT).show();          }        }      });      //每一個(gè)GridView作為一個(gè)View對(duì)象添加到ViewPager集合中            viewPagerList.add(gridView);    }    //設(shè)置ViewPager適配器    viewPager.setAdapter(new MyViewPagerAdapter(viewPagerList));        //添加小圓點(diǎn)    ivPoints = new ImageView[totalPage];    for(int i = 0; i < totalPage; i++){      //循壞加入點(diǎn)點(diǎn)圖片組      ivPoints[i] = new ImageView(this);      if(i==0){        ivPoints[i].setImageResource(R.drawable.page_focuese);      }else {        ivPoints[i].setImageResource(R.drawable.page_unfocused);      }      ivPoints[i].setPadding(8, 8, 8, 8);      group.addView(ivPoints[i]);    }    //設(shè)置ViewPager的滑動(dòng)監(jiān)聽，主要是設(shè)置點(diǎn)點(diǎn)的背景顏色的改變    viewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener(){      @Override      public void onPageSelected(int position) {        // TODO Auto-generated method stub        //currentPage = position;        for(int i=0 ; i < totalPage; i++){          if(i == position){            ivPoints[i].setImageResource(R.drawable.page_focuese);          }else {            ivPoints[i].setImageResource(R.drawable.page_unfocused);          }        }      }    });  }}

package com.item.jiejie.adapter;import java.util.List;import android.support.v4.view.PagerAdapter;import android.view.View;import android.view.ViewGroup;/** * ViewPage的適配器 * @author Administrator * */public class MyViewPagerAdapter extends PagerAdapter{    private List<View> viewList;//View就二十GridView      public MyViewPagerAdapter(List<View> viewList) {    this.viewList = viewList;  }  @Override  public int getCount() {    // TODO Auto-generated method stub    return viewList!=null ? viewList.size() : 0;  }  @Override  public boolean isViewFromObject(View arg0, Object arg1) {    // TODO Auto-generated method stub    return arg0 == arg1;  }  /**   * 將當(dāng)前的View添加到ViewGroup容器中   * 這個(gè)方法，return一個(gè)對(duì)象，這個(gè)對(duì)象表明了PagerAdapter適配器選擇哪個(gè)對(duì)象放在當(dāng)前的ViewPage上   */  @Override  public Object instantiateItem(ViewGroup container, int position) {    // TODO Auto-generated method stub    container.addView(viewList.get(position));    return viewList.get(position);  }    @Override  public void destroyItem(ViewGroup container, int position, Object object) {    // TODO Auto-generated method stub     container.removeView((View) object);  }}