热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

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

这篇文章主要介绍了Android仿美团淘宝实现多级下拉列表菜单功能,非常不错,具有参考借鉴价值,需要的朋友参考下

我们在常用的电商或者旅游APP中,例如美团,手机淘宝等等,都能够看的到有那种下拉式的二级列表菜单。具体如图所示:

上面两张图就是美团的一个二级列表菜单的一个展示。我相信很多人都想开发一个跟它一样的功能放到自己的APP中。好,接下来我们就开始动手,解决它。

1.结构分析

首先,我们给出这个下拉菜单需要的组建。我们用线框图来分析。

1)如上图所示,最外围的是一个Activity,顶部包含了一个View的容器,这个容器主要是装载ToggleButton来实现诸如美团里面的“美食,全城,理我最近,刷选”这一行。这一行一点就会弹出对应的下来菜单。

2)下拉菜单是如何实现的呢?,这里我们利用了PopupWindow来实现这一弹出式窗口。然后我们在弹出式窗口里面再定义我们的下来列表项,是单列还是二级菜单,都是由里面来定。

3)不同的菜单,需要一级或者需要二级,在这里根据我的需求而变动。我们在PopupWindow上面加一个自定义的LeftView,或者是MiddleView,RightView。主要是一个ToggleButton,你弹出一个窗口,你就定制一个窗口。

4)视图里面嵌入ListView,就形成了列表项。

好分析就到上面为止,接下来我们一步步的说明实现。

2.项目结构

本项目的项目结构如图所示:

1) Adapter。适配器,主要是为ListView提供数据适配的。

2)MainActivity。主活动页面。

3)ExpandTabView。本项目的核心类,它包含ToggleButton容器和PopupWindow,是控制弹出窗口的核心类。

4)ViewLeft,ViewMiddle,ViewRight。是弹出里面嵌套的类,实现不同的列表菜单。

这里写图片描述 

3.MainActivity

承载所有元素。看代码比看文字实在。

package com.example.expandtabview; 
import java.util.ArrayList; 
import Android.app.Activity; 
import android.os.Bundle; 
import android.util.Log; 
import android.view.View; 
import android.widget.Toast; 
import com.example.view.ExpandTabView; 
import com.example.view.ViewLeft; 
import com.example.view.ViewMiddle; 
import com.example.view.ViewRight; 
public class MainActivity extends Activity { 
  private static final String TAG = "MainActivity"; 
  private ExpandTabView expandTabView; 
  private ArrayList mViewArray = new ArrayList(); 
  private ViewLeft viewLeft; 
  private ViewMiddle viewMiddle; 
  private ViewRight viewRight; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    initView(); 
    initVaule(); 
    initListener(); 
  } 
  private void initView() { 
    Log.d(TAG,"initView"); 
    expandTabView = (ExpandTabView) findViewById(R.id.expandtab_view); 
    viewLeft = new ViewLeft(this); 
    viewMiddle = new ViewMiddle(this); 
    viewRight = new ViewRight(this); 
  } 
  private void initVaule() { 
    Log.d(TAG,"initValue"); 
    mViewArray.add(viewLeft); 
    mViewArray.add(viewMiddle); 
    mViewArray.add(viewRight); 
    ArrayList mTextArray = new ArrayList(); 
    mTextArray.add("距离"); 
    mTextArray.add("区域"); 
    mTextArray.add("距离"); 
    expandTabView.setValue(mTextArray, mViewArray);//将三个下拉列表设置进去 
    expandTabView.setTitle(viewLeft.getShowText(), 0); 
    expandTabView.setTitle(viewMiddle.getShowText(), 1); 
    expandTabView.setTitle(viewRight.getShowText(), 2); 
  } 
  private void initListener() { 
    Log.d(TAG,"initListener"); 
    viewLeft.setOnSelectListener(new ViewLeft.OnSelectListener() { 
      @Override 
      public void getValue(String distance, String showText) { 
        Log.d("ViewLeft", "OnSelectListener, getValue"); 
        onRefresh(viewLeft, showText); 
      } 
    }); 
    viewMiddle.setOnSelectListener(new ViewMiddle.OnSelectListener() { 
      @Override 
      public void getValue(String showText) { 
        Log.d("ViewMiddle","OnSelectListener, getValue"); 
        onRefresh(viewMiddle,showText); 
      } 
    }); 
    viewRight.setOnSelectListener(new ViewRight.OnSelectListener() { 
      @Override 
      public void getValue(String distance, String showText) { 
        Log.d("ViewRight","OnSelectListener, getValue"); 
        onRefresh(viewRight, showText); 
      } 
    }); 
  } 
  private void onRefresh(View view, String showText) { 
    Log.d(TAG,"onRefresh,view:"+view+",showText:"+showText); 
    expandTabView.onPressBack(); 
    int position = getPositon(view); 
    if (position >= 0 && !expandTabView.getTitle(position).equals(showText)) { 
      expandTabView.setTitle(showText, position); 
    } 
    Toast.makeText(MainActivity.this, showText, Toast.LENGTH_SHORT).show(); 
  } 
  private int getPositon(View tView) { 
    Log.d(TAG,"getPosition"); 
    for (int i = 0; i 

4 .ExpandTabView

最主要就是如何处理当我们点击这些ToggleButton的时候要弹出或者收起这些PopupWindow。

package com.example.view; 
import java.util.ArrayList; 
import com.example.expandtabview.R; 
import android.app.Activity; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.widget.LinearLayout; 
import android.widget.PopupWindow; 
import android.widget.PopupWindow.OnDismissListener; 
import android.widget.RelativeLayout; 
import android.widget.TextView; 
import android.widget.ToggleButton; 
/** 
 * 菜单控件头部,封装了下拉动画,动态生成头部按钮个数 
 * 
 * @author zengjinlong 
 */ 
public class ExpandTabView extends LinearLayout implements OnDismissListener { 
  private static final String TAG = "ExpandTabView"; 
  private ToggleButton selectedButton; 
  private ArrayList mTextArray = new ArrayList(); 
  private ArrayList mViewArray = new ArrayList(); 
  private ArrayList mToggleButton = new ArrayList(); 
  private Context mContext; 
  private final int SMALL = 0; 
  private int displayWidth; 
  private int displayHeight; 
  private PopupWindow popupWindow; 
  private int selectPosition; 
  public ExpandTabView(Context context) { 
    super(context); 
    init(context); 
  } 
  public ExpandTabView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    init(context); 
  } 
  /** 
   * 根据选择的位置设置tabitem显示的值 
   */ 
  public void setTitle(String valueText, int position) { 
    if (position 

5.ViewLeft

其中的一个示例,其他两个就不列举了

package com.example.view; 
import com.example.adapter.TextAdapter; 
import com.example.expandtabview.R; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.widget.ListView; 
import android.widget.RelativeLayout; 
import android.widget.Toast; 
public class ViewLeft extends RelativeLayout implements ViewBaseAction{ 
  private static final String TAG = "ViewLeft"; 
  private ListView mListView; 
  private final String[] items = new String[] { "item1", "item2", "item3", "item4", "item5", "item6" };//显示字段 
  private final String[] itemsVaule = new String[] { "1", "2", "3", "4", "5", "6" };//隐藏id 
  private OnSelectListener mOnSelectListener; 
  private TextAdapter adapter; 
  private String mDistance; 
  private String showText = "item1"; 
  private Context mContext; 
  public String getShowText() { 
    return showText; 
  } 
  public ViewLeft(Context context) { 
    super(context); 
    init(context); 
  } 
  public ViewLeft(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    init(context); 
  } 
  public ViewLeft(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    init(context); 
  } 
  private void init(Context context) { 
    mCOntext= context; 
    LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    inflater.inflate(R.layout.view_distance, this, true); 
    setBackgroundDrawable(getResources().getDrawable(R.drawable.choosearea_bg_mid)); 
    mListView = (ListView) findViewById(R.id.listView); 
    adapter = new TextAdapter(context, items, R.drawable.choose_item_right, R.drawable.choose_eara_item_selector); 
    adapter.setTextSize(17); 
    if (mDistance != null) { 
      for (int i = 0; i 

6.效果图

这里写图片描述 

这里写图片描述

以上所述是小编给大家介绍的Android仿美团淘宝实现多级下拉列表菜单功能,多条目的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • 本文详细介绍了如何在 Android 中使用值动画(ValueAnimator)来动态调整 ImageView 的高度,并探讨了相关的关键属性和方法,包括图片填充后的高度、原始图片高度、动画变化因子以及布局重置等。 ... [详细]
  • Python 内存管理机制详解
    本文深入探讨了Python的内存管理机制,涵盖了垃圾回收、引用计数和内存池机制。通过具体示例和专业解释,帮助读者理解Python如何高效地管理和释放内存资源。 ... [详细]
  • 本文探讨了如何通过一系列技术手段提升Spring Boot项目的并发处理能力,解决生产环境中因慢请求导致的系统性能下降问题。 ... [详细]
  • 深入解析Spring Boot自动配置机制
    本文旨在深入探讨Spring Boot的自动配置机制,特别是如何利用配置文件进行有效的设置。通过实例分析,如Http编码自动配置,我们将揭示配置项的具体作用及其背后的实现逻辑。 ... [详细]
  • C#设计模式学习笔记:观察者模式解析
    本文将探讨观察者模式的基本概念、应用场景及其在C#中的实现方法。通过借鉴《Head First Design Patterns》和维基百科等资源,详细介绍该模式的工作原理,并提供具体代码示例。 ... [详细]
  • 本文详细介绍了划分树这一数据结构,重点探讨了其在子树和中值计算中的应用及优化方法。 ... [详细]
  • Android Studio 安装与配置指南
    本教程详细介绍了如何下载并安装 Android Studio,包括设置 SDK 路径和优化启动性能的方法。通过这些步骤,您可以顺利地开始开发 Android 应用。 ... [详细]
  • Appium + Java 自动化测试中处理页面空白区域点击问题
    在进行移动应用自动化测试时,有时会遇到某些页面没有返回按钮,只能通过点击空白区域返回的情况。本文将探讨如何在Appium + Java环境中有效解决此类问题,并提供详细的解决方案。 ... [详细]
  • 如何清除Chrome浏览器地址栏的特定历史记录
    在使用Chrome浏览器时,你可能会发现地址栏保存了大量浏览记录。有时你可能希望删除某些特定的历史记录而不影响其他数据。本文将详细介绍如何单独删除地址栏中的特定记录以及批量清除所有历史记录的方法。 ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • 深入解析Java枚举及其高级特性
    本文详细介绍了Java枚举的概念、语法、使用规则和应用场景,并探讨了其在实际编程中的高级应用。所有相关内容已收录于GitHub仓库[JavaLearningmanual](https://github.com/Ziphtracks/JavaLearningmanual),欢迎Star并持续关注。 ... [详细]
  • 嵌入式开发环境搭建与文件传输指南
    本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境,并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]
  • 解决TensorFlow CPU版本安装中的依赖问题
    本文记录了在安装CPU版本的TensorFlow过程中遇到的依赖问题及解决方案,特别是numpy版本不匹配和动态链接库(DLL)错误。通过详细的步骤说明和专业建议,帮助读者顺利安装并使用TensorFlow。 ... [详细]
  • 本文详细介绍如何通过设置SSH密钥来获取连接GitHub远程仓库的权限,包括生成密钥、添加到GitHub账户以及验证连接等步骤。 ... [详细]
  • 本文介绍如何配置SecureCRT以正确显示Linux终端的颜色,并解决中文显示问题。通过简单的步骤设置,可以显著提升使用体验。 ... [详细]
author-avatar
mobiledu2502872877
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有