本文主要是介绍使用PopupWindow + 2个ListView实现仿 美团/淘宝 多级分类菜单效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本例要实现的是诸如美团/淘宝/百度糯米 多级分类菜单效果。当分类数量非常多时可以考虑采用两级分类，而诸如美团这种表现方式是一个不错的选择。
首先上效果图：
主要代码：
1. PopupWindow初始化过程：
[java] view plain copy 
- 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.左侧菜单点击事件：
[java] view plain copy
- //左侧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. 右侧菜单点击事件：
[java] view plain copy
- //右侧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.顶部标签点击事件（即显示/隐藏 分类菜单）
[java] view plain copy
- 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
[java] view plain copy
- //刷新右侧ListView
- private void updateSecondListView(List<SecondClassItem> list2,
- SecondClassAdapter secondAdapter) {
- secondList.clear();
- secondList.addAll(list2);
- secondAdapter.notifyDataSetChanged();
- }
源码下载（免积分哦）：
http://download.csdn.net/detail/books1958/7992863
这篇关于使用PopupWindow + 2个ListView实现仿 美团/淘宝 多级分类菜单效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
