部分圖片沒有找到，就隨便替代了一下，功能上面和美團類似，各位需要的可以在下載試試。
由于csdn上傳不了，改用git上傳在gitub上面。
git下載地址:https://github.com/Mfangming/Meituan.git

MainActivity界面

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

import com.fangming.meituan.R;
import com.fangming.meituan.adapter.MyViewPagerAdapter;
import com.fangming.meituan.adapter.MygridviewAdapter;
import com.fangming.meituan.data.TwoLevelMenu;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.GridView;
import android.widget.ImageView;

public class HomeFragment extends Fragment {

private String Tag = "HomeFragment"; private List<TwoLevelMenu> strs = new ArrayList<TwoLevelMenu>();//vipager第一頁 private List<TwoLevelMenu> strs2 = new ArrayList<TwoLevelMenu>();//vipager第二頁 private MygridviewAdapter mgAdapter1;//vipager第一頁適配器 private MygridviewAdapter mgAdapter2;//vipager第二頁適配器 private GridView gv_one;//vipager第一頁gridview private GridView gv_two;//vipager第二頁gridviewprivate ViewPager vp_menu; private List<View> pagerView; private MyViewPagerAdapter pagerAdapter;//vipager適配器 private ImageView iv_one; private ImageView iv_two;@Override public void onAttach(Activity activity) {super.onAttach(activity);Log.e(Tag, "onAttach"); }@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {Log.e(Tag, "onCreateView");View v = inflater.inflate(R.layout.fragment_home, container, false);InitDate();InitView(v,inflater);return v; }private void InitDate() {//初始化數據strs = new ArrayList<TwoLevelMenu>();strs2 = new ArrayList<TwoLevelMenu>();strs.add(new TwoLevelMenu("美食", R.drawable.ic_category_0));strs.add(new TwoLevelMenu("電影", R.drawable.ic_category_1));strs.add(new TwoLevelMenu("酒店", R.drawable.ic_category_2));strs.add(new TwoLevelMenu("KTV", R.drawable.ic_category_3));strs.add(new TwoLevelMenu("外賣", R.drawable.travel__icon_hotel_reserve));strs.add(new TwoLevelMenu("優惠買單", R.drawable.travel__icon_hotel_reserve));strs.add(new TwoLevelMenu("周邊游", R.drawable.ic_category_6));strs.add(new TwoLevelMenu("火車票機票", R.drawable.ic_category_6));strs.add(new TwoLevelMenu("麗人", R.drawable.ic_category_11));strs.add(new TwoLevelMenu("休閑娛樂", R.drawable.ic_category_10));strs2.add(new TwoLevelMenu("今日新單", R.drawable.ic_category_4));strs2.add(new TwoLevelMenu("購物", R.drawable.ic_category_14));strs2.add(new TwoLevelMenu("旅游", R.drawable.ic_category_13));strs2.add(new TwoLevelMenu("生活服務", R.drawable.ic_category_9));strs2.add(new TwoLevelMenu("足療按摩", R.drawable.ic_category_12));strs2.add(new TwoLevelMenu("自助餐", R.drawable.ic_category_10));strs2.add(new TwoLevelMenu("甜點飲品", R.drawable.ic_category_8));strs2.add(new TwoLevelMenu("小吃快餐", R.drawable.ic_category_7));strs2.add(new TwoLevelMenu("景點門票", R.drawable.ic_category_16));strs2.add(new TwoLevelMenu("全部分類", R.drawable.ic_category_15)); }private void InitView(View v,LayoutInflater inflater) {iv_one=(ImageView) v.findViewById(R.id.iv_one);iv_two=(ImageView) v.findViewById(R.id.iv_two);mgAdapter1=new MygridviewAdapter(getActivity(), strs);pagerView=new ArrayList<View>();View view1=inflater.inflate(R.layout.viewpager_one, null);gv_one=(GridView) view1.findViewById(R.id.gv_one);gv_one.setAdapter(mgAdapter1);pagerView.add(view1);mgAdapter2=new MygridviewAdapter(getActivity(), strs2);View view2=inflater.inflate(R.layout.viewpager_two, null);gv_two=(GridView) view2.findViewById(R.id.gv_two);gv_two.setAdapter(mgAdapter2);pagerView.add(view2);vp_menu=(ViewPager)v.findViewById(R.id.vp_menu);pagerAdapter=new MyViewPagerAdapter(getActivity(), pagerView);vp_menu.setAdapter(pagerAdapter);iv_one.setSelected(true);vp_menu.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int arg0) {if(arg0==0){iv_one.setSelected(true);iv_two.setSelected(false);}else{iv_one.setSelected(false);iv_two.setSelected(true);}}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageScrollStateChanged(int arg0) {}}); }@Override public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);Log.e(Tag, "onCreate"); }@Override public void onActivityCreated(Bundle savedInstanceState) {super.onActivityCreated(savedInstanceState);Log.e(Tag, "onActivityCreated");}@Override public void onResume() {super.onResume();Log.e(Tag, "onResume"); }

}

HomeFragment頁面

import java.util.ArrayList;
import java.util.List;
import com.fangming.meituan.R;
import com.fangming.meituan.adapter.MyViewPagerAdapter;
import com.fangming.meituan.adapter.MygridviewAdapter;
import com.fangming.meituan.data.TwoLevelMenu;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.GridView;
import android.widget.ImageView;

public class HomeFragment extends Fragment {

private String Tag = "HomeFragment"; private List<TwoLevelMenu> strs = new ArrayList<TwoLevelMenu>();//vipager第一頁 private List<TwoLevelMenu> strs2 = new ArrayList<TwoLevelMenu>();//vipager第二頁 private MygridviewAdapter mgAdapter1;//vipager第一頁適配器 private MygridviewAdapter mgAdapter2;//vipager第二頁適配器 private GridView gv_one;//vipager第一頁gridview private GridView gv_two;//vipager第二頁gridviewprivate ViewPager vp_menu; private List<View> pagerView; private MyViewPagerAdapter pagerAdapter;//vipager適配器 private ImageView iv_one; private ImageView iv_two;@Override public void onAttach(Activity activity) {super.onAttach(activity);Log.e(Tag, "onAttach"); }@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {Log.e(Tag, "onCreateView");View v = inflater.inflate(R.layout.fragment_home, container, false);InitDate();InitView(v,inflater);return v; }private void InitDate() {//初始化數據strs.add(new TwoLevelMenu("美食", R.drawable.ic_category_0));strs.add(new TwoLevelMenu("電影", R.drawable.ic_category_1));strs.add(new TwoLevelMenu("酒店", R.drawable.ic_category_2));strs.add(new TwoLevelMenu("KTV", R.drawable.ic_category_3));strs.add(new TwoLevelMenu("外賣", R.drawable.travel__icon_hotel_reserve));strs.add(new TwoLevelMenu("優惠買單", R.drawable.travel__icon_hotel_reserve));strs.add(new TwoLevelMenu("周邊游", R.drawable.ic_category_6));strs.add(new TwoLevelMenu("火車票機票", R.drawable.ic_category_6));strs.add(new TwoLevelMenu("麗人", R.drawable.ic_category_11));strs.add(new TwoLevelMenu("休閑娛樂", R.drawable.ic_category_10));strs2.add(new TwoLevelMenu("今日新單", R.drawable.ic_category_4));strs2.add(new TwoLevelMenu("購物", R.drawable.ic_category_14));strs2.add(new TwoLevelMenu("旅游", R.drawable.ic_category_13));strs2.add(new TwoLevelMenu("生活服務", R.drawable.ic_category_9));strs2.add(new TwoLevelMenu("足療按摩", R.drawable.ic_category_12));strs2.add(new TwoLevelMenu("自助餐", R.drawable.ic_category_10));strs2.add(new TwoLevelMenu("甜點飲品", R.drawable.ic_category_8));strs2.add(new TwoLevelMenu("小吃快餐", R.drawable.ic_category_7));strs2.add(new TwoLevelMenu("景點門票", R.drawable.ic_category_16));strs2.add(new TwoLevelMenu("全部分類", R.drawable.ic_category_15)); }private void InitView(View v,LayoutInflater inflater) {iv_one=(ImageView) v.findViewById(R.id.iv_one);iv_two=(ImageView) v.findViewById(R.id.iv_two);mgAdapter1=new MygridviewAdapter(getActivity(), strs);pagerView=new ArrayList<View>();View view1=inflater.inflate(R.layout.viewpager_one, null);gv_one=(GridView) view1.findViewById(R.id.gv_one);gv_one.setAdapter(mgAdapter1);pagerView.add(view1);mgAdapter2=new MygridviewAdapter(getActivity(), strs2);View view2=inflater.inflate(R.layout.viewpager_two, null);gv_two=(GridView) view2.findViewById(R.id.gv_two);gv_two.setAdapter(mgAdapter2);pagerView.add(view2);vp_menu=(ViewPager)v.findViewById(R.id.vp_menu);pagerAdapter=new MyViewPagerAdapter(getActivity(), pagerView);vp_menu.setAdapter(pagerAdapter);iv_one.setSelected(true);vp_menu.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int arg0) {if(arg0==0){iv_one.setSelected(true);iv_two.setSelected(false);}else{iv_one.setSelected(false);iv_two.setSelected(true);}}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageScrollStateChanged(int arg0) {}}); }@Override public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);Log.e(Tag, "onCreate"); }@Override public void onActivityCreated(Bundle savedInstanceState) {super.onActivityCreated(savedInstanceState);Log.e(Tag, "onActivityCreated");}@Override public void onResume() {super.onResume();Log.e(Tag, "onResume"); }

}

Viewpager的適配器

import java.util.List;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.GridView;

public class MyViewPagerAdapter extends PagerAdapter{
private List mLists;
public MyViewPagerAdapter(Context context, List array) {
this.mLists=array;
}
@Override
public int getCount() {
return mLists.size();
}

@Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public Object instantiateItem(View arg0, int arg1) { ((ViewPager) arg0).addView(mLists.get(arg1)); return mLists.get(arg1); } @Override public void destroyItem(View arg0, int arg1, Object arg2) { ((ViewPager) arg0).removeView((View) arg2); }

}

gridview的適配器
import java.util.List;
import com.fangming.meituan.R;
import com.fangming.meituan.data.TwoLevelMenu;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MygridviewAdapter extends BaseAdapter{

public List<TwoLevelMenu> data; private LayoutInflater _inflater; private Context context;public MygridviewAdapter(Context context, List<TwoLevelMenu> data) {this.data = data;this.context = context;_inflater = LayoutInflater.from(context); }public void updateList(List<TwoLevelMenu> data) {this.data = data;notifyDataSetChanged(); }@Override public int getCount() {return data.size(); }@Override public Object getItem(int position) {return data.get(position); }@Override public long getItemId(int position) {return position; }@Override public View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubViewHolder holder;if (convertView == null) {convertView = _inflater.inflate(R.layout.grildview_adapter_item, null);holder = new ViewHolder();holder.tv_menu = (TextView) convertView.findViewById(R.id.tv_menu);holder.iv_menu = (ImageView) convertView.findViewById(R.id.iv_menu);convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}holder.tv_menu.setText(data.get(position).getName());holder.iv_menu.setImageResource(data.get(position).getId());return convertView; }private class ViewHolder {private TextView tv_menu;// 菜單文字private ImageView iv_menu;//菜單圖標}

}
第一次用這個編輯器寫博客，顯示不全xml代碼，大家自己下載了去看吧

總結

以上是生活随笔為你收集整理的android 仿美团、大众点评滑动viewpager菜单栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。