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

2019-12-12 03:51:10

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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

//刷新右侧ListViewprivate 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实现点赞动画（27）

下一篇：Android编程实现两个Activity相互切换而不使用onCreate()的方法