Android实现美团下拉功能

本文实例为大家分享了Android实现美团下拉功能的具体代码,供大家参考,具体内容如下

效果图

实现

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#f0f0f0"
  android:orientation="vertical" >

  <FrameLayout
    android:id="@+id/titlebar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#5555" >

    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="50dp"
      android:background="#ffffff"
      android:gravity="center_vertical"
      android:orientation="horizontal" >

      <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:gravity="center_vertical" >

        <ImageView
          android:layout_width="25dp"
          android:layout_height="25dp"
          android:onClick="back"
          android:src="@mipmap/icon_arrow_green" />

        <TextView
          android:id="@+id/supplier_list_title_tv"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginLeft="5dp"
          android:text="全部"
          android:textColor="#39ac69"
          android:textSize="18dp" />
      </LinearLayout>

      <ImageView
        android:id="@+id/supplier_list_cart_iv"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="15dp"
        android:src="@mipmap/icon_car" />
    </RelativeLayout>
  </FrameLayout>

  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#E2E2E2" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="#ffffff"
    android:orientation="horizontal" >

    <LinearLayout
      android:id="@+id/supplier_list_product"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:gravity="center"
      android:orientation="horizontal" >

      <TextView
        android:id="@+id/supplier_list_product_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="全部"
        android:textSize="14dp" />

      <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:src="@mipmap/icon_arrow_down" />
    </LinearLayout>

    <LinearLayout
      android:id="@+id/supplier_list_sort"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:gravity="center"
      android:orientation="horizontal" >

      <TextView
        android:id="@+id/supplier_list_sort_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="综合排序"
        android:textSize="14dp" />

      <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:src="@mipmap/icon_arrow_down" />
    </LinearLayout>

    <LinearLayout
      android:id="@+id/supplier_list_activity"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:gravity="center"
      android:orientation="horizontal" >

      <TextView
        android:id="@+id/supplier_list_activity_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="优惠活动"
        android:textSize="14dp" />

      <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:src="@mipmap/icon_arrow_down" />
    </LinearLayout>
  </LinearLayout>

  <View
    android:layout_width="match_parent"
    android:layout_height="0.5dp"
    android:background="#E2E2E2" />

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
      android:id="@+id/supplier_list_lv"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_marginTop="10dp"
      android:cacheColorHint="@android:color/transparent"
      android:divider="#f0f0f0"
      android:dividerHeight="10dp"
      android:fadingEdge="none"
      android:listSelector="#00000000"
      android:scrollbarStyle="outsideOverlay"
      android:scrollingCache="false" />

    <ProgressBar
      android:id="@+id/progress"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:indeterminateDrawable="@drawable/shape_progress"
      android:indeterminateDuration="1000" />
  </RelativeLayout>

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#ffffff"
  android:orientation="vertical" >

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <TextView
      android:id="@+id/listview_popwind_tv"
      android:layout_width="match_parent"
      android:layout_height="45dp"
      android:layout_marginLeft="15dp"
      android:layout_marginRight="15dp"
      android:gravity="center_vertical"
      android:text="地点"
      android:textColor="#5a5959"
      android:textSize="18dp" />
  </LinearLayout>

  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:background="#E2E2E2" />

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#5000"
  android:orientation="vertical" >

  <ListView
    android:id="@+id/popwin_supplier_list_lv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:cacheColorHint="@android:color/transparent"
    android:divider="#0000"
    android:dividerHeight="0dp"
    android:fadingEdge="none"
    android:listSelector="#00000000"
    android:scrollbarStyle="outsideOverlay"
    android:scrollbars="none"
    android:scrollingCache="false" />

  <LinearLayout
    android:id="@+id/popwin_supplier_list_bottom"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="vertical" />

</LinearLayout>

Activity代码:

package com.example.hfs.popwindowmeituan;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.ProgressBar;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.PopupWindow.OnDismissListener;

public class MainActivity extends Activity implements
    OnClickListener {
  private ListView listView, popListView;
  private ProgressBar progressBar;
  private List<Map<String, String>> menuData1, menuData2, menuData3;
  private PopupWindow popMenu;
  private SimpleAdapter menuAdapter1, menuAdapter2, menuAdapter3;

  private LinearLayout product, sort, activity;
  private ImageView cartIv;
  private TextView productTv, sortTv, activityTv, titleTv;
  private int green, grey;

  private String currentProduct, currentSort, currentActivity;
  private int menuIndex = 0;

  private Intent intent;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_supplier_list);
    findView();
    initMenuData();
    initPopMenu();

  }
  private void initMenuData() {
    menuData1 = new ArrayList<Map<String, String>>();
    String[] menuStr1 = new String[] { "全部", "粮油", "衣服", "图书", "电子产品",
        "酒水饮料", "水果" };
    Map<String, String> map1;
    for (int i = 0, len = menuStr1.length; i < len; ++i) {
      map1 = new HashMap<String, String>();
      map1.put("name", menuStr1[i]);
      menuData1.add(map1);
    }

    menuData2 = new ArrayList<Map<String, String>>();
    String[] menuStr2 = new String[] { "综合排序", "配送费最低" };
    Map<String, String> map2;
    for (int i = 0, len = menuStr2.length; i < len; ++i) {
      map2 = new HashMap<String, String>();
      map2.put("name", menuStr2[i]);
      menuData2.add(map2);
    }

    menuData3 = new ArrayList<Map<String, String>>();
    String[] menuStr3 = new String[] { "优惠活动", "特价活动", "免配送费",
        "可在线支付" };
    Map<String, String> map3;
    for (int i = 0, len = menuStr3.length; i < len; ++i) {
      map3 = new HashMap<String, String>();
      map3.put("name", menuStr3[i]);
      menuData3.add(map3);
    }
  }
  @Override
  public void onClick(View v) {
    // TODO Auto-generated method stub
    switch (v.getId()) {
      case R.id.supplier_list_product:
        productTv.setTextColor(Color.parseColor("#39ac69"));
        popListView.setAdapter(menuAdapter1);
        popMenu.showAsDropDown(product, 0, 2);
        menuIndex = 0;
        break;
      case R.id.supplier_list_sort:
        sortTv.setTextColor(Color.parseColor("#39ac69"));
        popListView.setAdapter(menuAdapter2);
        popMenu.showAsDropDown(product, 0, 2);
        menuIndex = 1;
        break;
      case R.id.supplier_list_activity:
        activityTv.setTextColor(Color.parseColor("#39ac69"));
        popListView.setAdapter(menuAdapter3);
        popMenu.showAsDropDown(product, 0, 2);
        menuIndex = 2;
        break;

    }
  }
  protected void findView() {
    listView = (ListView) findViewById(R.id.supplier_list_lv);
    product = (LinearLayout) findViewById(R.id.supplier_list_product);
    sort = (LinearLayout) findViewById(R.id.supplier_list_sort);
    activity = (LinearLayout) findViewById(R.id.supplier_list_activity);
    productTv = (TextView) findViewById(R.id.supplier_list_product_tv);
    sortTv = (TextView) findViewById(R.id.supplier_list_sort_tv);
    activityTv = (TextView) findViewById(R.id.supplier_list_activity_tv);
    titleTv = (TextView) findViewById(R.id.supplier_list_title_tv);
    cartIv = (ImageView) findViewById(R.id.supplier_list_cart_iv);
    progressBar = (ProgressBar) findViewById(R.id.progress);

    product.setOnClickListener(this);
    sort.setOnClickListener(this);
    activity.setOnClickListener(this);
    cartIv.setOnClickListener(this);
  }
  private void initPopMenu() {
    initMenuData();
    View contentView = View.inflate(this, R.layout.popwin_supplier_list,
        null);
    popMenu = new PopupWindow(contentView,
        LinearLayout.LayoutParams.MATCH_PARENT,
        LinearLayout.LayoutParams.MATCH_PARENT);
    popMenu.setOutsideTouchable(true);
    popMenu.setBackgroundDrawable(new BitmapDrawable());
    popMenu.setFocusable(true);
    popMenu.setAnimationStyle(R.style.popwin_anim_style);
    popMenu.setOnDismissListener(new OnDismissListener() {
      public void onDismiss() {
        productTv.setTextColor(Color.parseColor("#5a5959"));
        sortTv.setTextColor(Color.parseColor("#5a5959"));
        activityTv.setTextColor(Color.parseColor("#5a5959"));
      }
    });

    popListView = (ListView) contentView
        .findViewById(R.id.popwin_supplier_list_lv);
    contentView.findViewById(R.id.popwin_supplier_list_bottom)
        .setOnClickListener(new OnClickListener() {
          public void onClick(View arg0) {
            popMenu.dismiss();
          }
        });
    menuAdapter1 = new SimpleAdapter(this, menuData1,
        R.layout.item_listview_popwin, new String[] { "name" },
        new int[] { R.id.listview_popwind_tv });
    menuAdapter2 = new SimpleAdapter(this, menuData2,
        R.layout.item_listview_popwin, new String[] { "name" },
        new int[] { R.id.listview_popwind_tv });
    menuAdapter3 = new SimpleAdapter(this, menuData3,
        R.layout.item_listview_popwin, new String[] { "name" },
        new int[] { R.id.listview_popwind_tv });

    popListView.setOnItemClickListener(new OnItemClickListener() {
      public void onItemClick(AdapterView<?> arg0, View arg1, int pos,
                  long arg3) {
        popMenu.dismiss();
        if (menuIndex == 0) {
          currentProduct = menuData1.get(pos).get("name");
          titleTv.setText(currentProduct);
          productTv.setText(currentProduct);
          Toast.makeText(MainActivity.this, currentProduct, Toast.LENGTH_SHORT).show();
        } else if (menuIndex == 1) {
          currentSort = menuData2.get(pos).get("name");
          titleTv.setText(currentSort);
          sortTv.setText(currentSort);
          Toast.makeText(MainActivity.this, currentSort, Toast.LENGTH_SHORT).show();
        } else {
          currentActivity = menuData3.get(pos).get("name");
          titleTv.setText(currentActivity);
          activityTv.setText(currentActivity);
          Toast.makeText(MainActivity.this, currentActivity, Toast.LENGTH_SHORT).show();
        }
      }
    });
  }
}

其实和我博客里面有一篇自定义Spinner很像

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android仿美团下拉菜单(商品选购)实例代码

    美团电商应用平台大家使用非常频繁,下面小编通过本文给大家介绍电商应用平台中常用的选择类别下拉列表的实现.先给大家展示下效果图: 一.下拉列表的实现 其实实现方法有很多,这时实现的也没有什么技术含量,只是总结下自己在项目中的做法,也提供一个思路. 首先是列表的数据,一般数据都是从后台读过来,这里因为没有后台,所以写死在客户端: private void initMenuData() { menuData = new ArrayList<map<string, string=""

  • Android仿美团分类下拉菜单实例代码

    本文实例为大家分享了Android仿美团下拉菜单的实现代码,分类进行选择,供大家参考,具体内容如下 效果图 操作平台 AS2.0 第三方框架:butterknife build.gradle dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.4.0' compile

  • Android仿美团淘宝实现多级下拉列表菜单功能

    我们在常用的电商或者旅游APP中,例如美团,手机淘宝等等,都能够看的到有那种下拉式的二级列表菜单.具体如图所示: 上面两张图就是美团的一个二级列表菜单的一个展示.我相信很多人都想开发一个跟它一样的功能放到自己的APP中.好,接下来我们就开始动手,解决它. 1.结构分析 首先,我们给出这个下拉菜单需要的组建.我们用线框图来分析. 1)如上图所示,最外围的是一个Activity,顶部包含了一个View的容器,这个容器主要是装载ToggleButton来实现诸如美团里面的"美食,全城,理我最近,刷选&

  • Android实现美团下拉功能

    本文实例为大家分享了Android实现美团下拉功能的具体代码,供大家参考,具体内容如下 效果图 实现 布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" a

  • Android实现联动下拉框二级地市联动下拉框功能

    日常使用软件中,为了方便且规范输入,会使用到下拉框进行输入,如注册时生日选项,购物时的地址输入,都会用到下拉框,今日笔者为了巩固已学的知识,实现了二级联动下拉框用作回顾及分享给求知的新手. 思路/步骤: 在实现联动下拉框之前,我们先对用到的ArrayAdapter和数据的封装作必要的了解,Android 中提供了很多适配器的实现类,其中ArrayAdapter就其中之一.它可以通过泛型来指定要适配的数据类型,然后在构造函数中把要适配的数据传入.如: ArrayAdapter<CharSequen

  • Android实现RecyclerView下拉刷新效果

    本文为大家分享了Android实现RecyclerView下拉刷新效果的具体代码,供大家参考,具体内容如下 思路 RealPullRefreshView继承了一个LinearLayout 里面放置了一个刷新头布局,将其margin_top设置为负的刷新头的高度的 再添加一个RecyclerView 触摸事件分发机制,当在特定条件下让RealPullRefreshView拦截触摸事件,否则的话,不拦截,让RecyclerView自己去处理触摸事件 在手指下拉时,定义好不同的状态STATE,在不同状

  • Android中Listview下拉刷新和上拉加载更多的多种实现方案

    listview经常结合下来刷新和上拉加载更多使用,本文总结了三种常用到的方案分别作出说明. 方案一:添加头布局和脚布局 android系统为listview提供了addfootview和addheadview两个API.这样可以直接自定义一个View,以添加视图的形式实现下来刷新和上拉加载. 实现步骤    1.创建一个类继承ListView:class PullToRefreshListView extends ListView: 2.在构造方法中添加HeadView:addHeaderVi

  • Android RefreshLayout实现下拉刷新布局

    项目中需要下拉刷新的功能,但是这个View不是ListView这类的控件,需要ViewGroup实现这个功能,一开始网上大略找了一下,没发现特别合适的,代码也是没怎么看懂,所以决定还是自己写一个. 于是翻出XlistView的源码看是一点一点看,再大致理解了XLisview源码,终于决定自己动手啦 为了省事,headView还是用了XListView的HeadView,省了很多事:) 下拉刷新,下拉刷新,肯定是先实现下拉功能,最开始我是打算通过 extends ScrollView 来实现,因为

  • android 有阻尼下拉刷新列表的实现方法

    本文将会介绍有阻尼下拉刷新列表的实现,先来看看效果预览: 这是下拉状态: 这是下拉松开手指后listView回滚到刷新状态时的样子: 1. 如何调用 虽然效果图看起来样子不太好看,主要是因为那个蓝色的背景对不对,没关系,这只是一个背景而已,在了解了我们这个下拉刷新列表的实现之后,你就可以很轻松地修改这个背景,从而实现你想要的UI效果!话不多说,下面我们先来讲讲这个下拉刷新列表是如何使用的,这也是我们编写代码所要实现的目标. final PullToRefreshListView eListVie

  • Android中ListView下拉刷新的实现方法实例分析

    本文实例讲述了Android中ListView下拉刷新的实现方法.分享给大家供大家参考,具体如下: ListView中的下拉刷新是非常常见的,也是经常使用的,看到有很多同学想要,那我就整理一下,供大家参考.那我就不解释,直接上代码了. 这里需要自己重写一下ListView,重写代码如下: package net.loonggg.listview; import java.util.Date; import android.content.Context; import android.util.

  • Android RecyclerView设置下拉刷新的实现方法

    Android RecyclerView设置下拉刷新的实现方法 1 集成 SwipeRefreshLayout 1.1 xml布局文件中使用 <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/refresh" android:layout_width = "match_parent" android:layout_height = "match_parent" &g

  • Android中ListView下拉刷新的实现代码

    Android中ListView下拉刷新 实现效果图: ListView中的下拉刷新是非常常见的,也是经常使用的,看到有很多同学想要,那我就整理一下,供大家参考.那我就不解释,直接上代码了. 这里需要自己重写一下ListView,重写代码如下: package net.loonggg.listview; import java.util.Date; import android.content.Context; import android.util.AttributeSet; import a

随机推荐