使用PopupWindow + 2个ListView实现仿美团/淘宝多级分类菜单效果

本文主要是介绍使用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();  
     }  