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();
    }

源代碼下載（免積分哦）：

http://download.csdn.net/detail/books1958/7992863