2. 程式人生 > >android 仿美團、大眾點評滑動viewpager選單欄

android 仿美團、大眾點評滑動viewpager選單欄

阿新 • • 發佈：2019-01-28

部分圖片沒有找到，就隨便替代了一下，功能上面和美團類似，各位需要的可以在下載試試。
由於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第二頁gridview

private 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() {

        @Override
        public void onPageSelected(int arg0) {
            if(arg0==0){
                iv_one.setSelected(true);
                iv_two.setSelected(false);
            }else{
                iv_one.setSelected(false);
                iv_two.setSelected(true);
            }

        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {

        }

        @Override
        public 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第二頁gridview

private 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() {

        @Override
        public void onPageSelected(int arg0) {
            if(arg0==0){
                iv_one.setSelected(true);
                iv_two.setSelected(false);
            }else{
                iv_one.setSelected(false);
                iv_two.setSelected(true);
            }

        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {

        }

        @Override
        public 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 stub
    ViewHolder 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選單欄

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

Android 仿美團網,大眾點評購買框懸浮效果之修改版

我之前寫了一篇關於美團網，大眾點評的購買框效果的文章Android對ScrollView滾動監聽，實現美團、大眾點評的購買懸浮效果，我自己感覺效果並不是很好，如果快速滑動介面，顯示懸浮框的時候會出現一卡的現象，有些朋友說有時候會出現兩個佈局的情況，特別是對ScrollView

Android 仿美團網,大眾點評購買框懸浮效果，仿美團詳情頁，可下拉放大圖片，向上滾動圖片，鬆手有動畫

先看效果圖 直接上程式碼註釋都寫到程式碼裡面了： 自定義的ScrollView package mm.shandong.com.testmtxqcomplex.myui; import android.content.Context; import andro

Android 仿美團選擇城市、微信通訊錄、餓了麼點餐列表的導航懸停分組索引列表

SuspensionIndexBar簡介：快速實現分組懸停、右側索引導航聯動 列表。如 美團選擇城市介面，微信通訊錄介面、餓了麼點餐介面等。SuspensionIndexBar相關博文：喜歡隨手點個star 多謝在哪裡找到我：我的github：我的CSDN部落格：我的稀土掘金

Android仿美團載入資料、小人奔跑進度動畫對話方塊（附順豐快遞員奔跑效果）

我們都知道在Android中，常見的動畫模式有兩種：一種是幀動畫（Frame Animation），一種是補間動畫（Tween Animation）。幀動畫是提供了一種逐幀播放圖片的動畫方式，播放事先做好的影象，與gif圖片原理類似，就像是在放電影一樣。補間動畫可以實現View元件的移動、放大、縮小以及漸

Android 仿美團懸浮購物車顯示隱藏

效果圖： 這是美團的效果 通過效果圖可以看到 靜止的時候是購物車圖示是顯示的，滑動的時候是隱藏一半並半透明顯示的。 這裡用到一個觸控反饋的方法dispatchTouchEvent MotionEvent.ACTION_DOWN://手指按下 Mot

Android仿美團外賣點菜聯動列表

Android高仿美團外賣點菜聯動列表效果 最近專案中有一個新增購物車的需求，需要做成美團外賣點菜聯動ListView的效果，可能有的朋友覺得這很簡單，不就是2個Listview點選事件聯動處理機制嗎？沒錯，基本思路就是這樣子，只是美團外賣點菜效果上有一種根據

SwipeToLoadLayout佈局中新增自定義控制元件仿美團、餓了嗎等下拉效果

　　SwipeToLoadLayout是一個可重用的下拉重新整理和上拉載入控制元件，理論上支援各種View和ViewGroup（ListView，ScrollView，RecyclerView，GridView，WebView，Linearlayout，Rela

Android仿美團訂單懸浮view

前言 又是清明雨上，折菊寄到你身旁，把你最愛的歌來輕輕唱。 簡介 今天訂餐無意中看到美團外賣有個顯示訂單進度的view，效果還不錯，便隨手寫了下。 效果圖 實現 這裡我們是繼承LinearLayout來實現的。 一 重寫onMeasur

Android 仿美團網,探索ListView的A-Z字母排序功能實現選擇城市

記得在我剛開始接觸到美團網的時候就對美團網這個城市定位、選擇城市功能很感興趣，覺得它做得很棒。有如下幾個點： 一：實現ListView的A-Z字母排序功能 二：根據輸入框的輸入值改變來過濾搜尋結果，如果輸入框裡面的值為空，更新為原來的列表，否則為過濾資料列表

自定義動畫下拉重新整理，可仿美團、京東

效果 功能 支援ListView，RecycleView，ScrollView，WebView 一行程式碼指定是否支援上拉載入，下拉重新整理 自由定製重新整理時頭部和尾部的動畫效果 使用方式 首先，是引入庫 compile 'com.reoo

Android仿美團地址選擇

最近做了這個功能，分享一下，用的是百度地圖api，和美團外賣的地址選擇介面差不多，也就是可以搜尋或者滑動地圖展示地址列表給使用者選擇，看下效果圖先。                文章重點 1、展示地圖並定位到“我”的位置2、滑動

Android從零擼美團(二) - 仿美團下拉重新整理自定義動畫

這是【從零擼美團】系列文章第二篇。 專案地址：github.com/cachecats/L… 今天寫了下拉重新整理，框架用的是 SmartRefreshLayout ，不為啥，因為 Github 上它有 9.5k 個 star，中文支援好節省時間。 先上圖： 一、分析 美團的下拉載入動

android仿微信、QQ等聊天介面，實現點選輸入框彈出軟鍵盤、點選其他區域收起軟鍵盤，預設滑動至最低端

如圖所示，點選輸入框及選擇圖片和傳送按鈕時軟鍵盤顯示且不消失，點選其他區域，則隱藏軟鍵盤。 主要程式碼如下: override fun dispatchTouchEvent(ev: MotionEvent?): Boolean { if (ev!!.getAction() ==

android 動畫--幀動畫--仿美團載入中小人

1 把資源圖片放到drawable中 2 在drawable中寫動畫的xml檔案animation01 Animation01.xml <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:a

Android 最新面試經驗分享（百度、小米、樂視、美團、58、獵豹、360、新浪、搜狐）

臨近年中，又到了面試求職高峰期，最近有很多讀者都在求大廠面試題。正好我之前電腦裡面有這方面的整理，於是就發上來分享給大家。 這些題目是網友去百度、小米、樂視、美團、58、獵豹、360、新浪、搜狐等一線網際網路公司面試被問到的題目。熟悉本文中列出的知識點會大大增加通過前兩輪技術面試的機率。 網

Android 利用ViewPager+GridView，仿美團首頁導航欄分類佈局介面

先看美團的效果： 再看我們山寨的效果： 最初我是使用VIewPager+RecyclerVIew實現的，發現在左右滑動的時候，有問題，經常滑動不了，應該是RecyclerVIew消費了Touch事件，所以棄用這個方法了(效果圖是下面的效果，為了區別VIew頁面，每

Android常見多條件篩選選單（美團、58）

1.簡單實現 1.1佈局分析: 　　自定義ListPopuScreenMenuView 繼承自 LinearLayout，大致分為三個部分：上面頭部TabLinearLayout；中間的選單內容menuContainerFrameLayout；下面的半透

【Android】快速實現仿美團選擇城市介面，微信通訊錄介面

概述 本文是這個系列的第三篇，不出意外也是終結篇。因為使用經過重構後的控制元件已經可以快速實現市面上帶 索引導航、懸停分組的列表介面了。 在前兩篇裡，我們從0開始，一步一步實現了仿微信通訊錄、餓了麼選餐介面。 （第一篇戳我 第二篇戳我） 這篇文章作為終結

Android之仿美團載入資料幀動畫

-----------------轉載請註明出處：http://blog.csdn.net/android_cll 一：先來張效果圖(這裡是GIF動畫，我就截圖的所有沒有動畫，實際是動的)： 二：