Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】

本文实例讲述了Android编程实现仿美团或淘宝的多级分类菜单效果。分享给大家供大家参考，具体如下：

这里要实现的是诸如美团/淘宝/百度糯米多级分类菜单效果。当分类数量非常多时可以考虑采用两级分类，而诸如美团这种表现方式是一个不错的选择。

首先上效果图：

主要代码：

1. PopupWindow初始化过程：

popupWindow = new PopupWindow(this);
View view = LayoutInflater.from(this).inflate(R.layout.popup_layout, null);
leftLV = (ListView) view.findViewById(R.id.pop_listview_left);
rightLV = (ListView) view.findViewById(R.id.pop_listview_right);
popupWindow.setContentView(view);
popupWindow.setBackgroundDrawable(new PaintDrawable());
popupWindow.setFocusable(true);
popupWindow.setHeight(ScreenUtils.getScreenH(this) * 2 / 3);
popupWindow.setWidth(ScreenUtils.getScreenW(this));
popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
  @Override
  public void onDismiss() {
    darkView.startAnimation(animOut);
    darkView.setVisibility(View.GONE);
    leftLV.setSelection(0);
    rightLV.setSelection(0);
  }
});

2.左侧菜单点击事件：

//左侧ListView点击事件
leftLV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    //二级数据
    List<SecondClassItem> list2 = firstList.get(position).getSecondList();
    //如果没有二级类，则直接跳转
    if (list2 == null || list2.size() == 0) {
      popupWindow.dismiss();
      int firstId = firstList.get(position).getId();
      String selectedName = firstList.get(position).getName();
      handleResult(firstId, -1, selectedName);
      return;
    }
    FirstClassAdapter adapter = (FirstClassAdapter) (parent.getAdapter());
    //如果上次点击的就是这一个item，则不进行任何操作
    if (adapter.getSelectedPosition() == position){
      return;
    }
    //根据左侧一级分类选中情况，更新背景色
    adapter.setSelectedPosition(position);
    adapter.notifyDataSetChanged();
    //显示右侧二级分类
    updateSecondListView(list2, secondAdapter);
  }
});

3. 右侧菜单点击事件：

//右侧ListView点击事件
rightLV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    //关闭popupWindow，显示用户选择的分类
    popupWindow.dismiss();
    int firstPosition = firstAdapter.getSelectedPosition();
    int firstId = firstList.get(firstPosition).getId();
    int secondId = firstList.get(firstPosition).getSecondList().get(position).getId();
    String selectedName = firstList.get(firstPosition).getSecondList().get(position)
        .getName();
    handleResult(firstId, secondId, selectedName);
  }
});

4.顶部标签点击事件（即显示/隐藏分类菜单）

if (popupWindow.isShowing()) {
  popupWindow.dismiss();
} else {
  popupWindow.showAsDropDown(findViewById(R.id.main_div_line));
  popupWindow.setAnimationStyle(-1);
  //背景变暗
  darkView.startAnimation(animIn);
  darkView.setVisibility(View.VISIBLE);
}

5.根据左侧点击，刷新右侧ListView

//刷新右侧ListView
private void updateSecondListView(List<SecondClassItem> list2,
    SecondClassAdapter secondAdapter) {
    secondList.clear();
    secondList.addAll(list2);
    secondAdapter.notifyDataSetChanged();
}

完整实例代码点击此处本站下载。

更多关于Android相关内容感兴趣的读者可查看本站专题：《Android开发入门与进阶教程》、《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android操作json格式数据技巧总结》、《Android资源操作技巧汇总》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

# Android # 仿美团 # 淘宝 # 多级分类菜单 # Android自定义StepView仿外卖配送进度 # Android仿外卖购物车功能 # Android仿百度外卖自定义下拉刷新效果 # Android仿美团下拉菜单(商品选购)实例代码 # Android仿美团分类下拉菜单实例代码 # Android仿美团淘宝实现多级下拉列表菜单功能 # Android模仿美团顶部的滑动菜单实例代码 # 模仿美团点评的Android应用中价格和购买栏悬浮固定的效果 # Android使用RecyclerView仿美团分类界面 # Android仿美团外卖菜单界面 # 的是 # 是一个 # 进阶 # 操作技巧 # 这一 # 相关内容 # 感兴趣 # 给大家 # 如果没有 # 点击此处 # 跳转 # 更多关于 # 所述 # 两级 # 程序设计 # 背景色 # 变暗 # 讲述了 # setHeight

返回目录在线咨询

上一篇：石家庄简洁网站设计制作公司,石家庄哪个招聘网站好？
下一篇：如何根据服务器网站数量选择合适的服务器配置？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】

您的项目需求