本文實(shí)例講述了Android編程實(shí)現(xiàn)仿美團(tuán)或淘寶的多級(jí)分類菜單效果。分享給大家供大家參考,具體如下:
這里要實(shí)現(xiàn)的是諸如美團(tuán)/淘寶/百度糯米 多級(jí)分類菜單效果。當(dāng)分類數(shù)量非常多時(shí)可以考慮采用兩級(jí)分類,而諸如美團(tuán)這種表現(xiàn)方式是一個(gè)不錯(cuò)的選擇。
首先上效果圖:

主要代碼:
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.左側(cè)菜單點(diǎn)擊事件:
//左側(cè)ListView點(diǎn)擊事件leftLV.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { //二級(jí)數(shù)據(jù) List<SecondClassItem> list2 = firstList.get(position).getSecondList(); //如果沒有二級(jí)類,則直接跳轉(zhuǎn) 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()); //如果上次點(diǎn)擊的就是這一個(gè)item,則不進(jìn)行任何操作 if (adapter.getSelectedPosition() == position){ return; } //根據(jù)左側(cè)一級(jí)分類選中情況,更新背景色 adapter.setSelectedPosition(position); adapter.notifyDataSetChanged(); //顯示右側(cè)二級(jí)分類 updateSecondListView(list2, secondAdapter); }});3. 右側(cè)菜單點(diǎn)擊事件:
//右側(cè)ListView點(diǎn)擊事件rightLV.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { //關(guān)閉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.頂部標(biāo)簽點(diǎn)擊事件(即顯示/隱藏 分類菜單)
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.根據(jù)左側(cè)點(diǎn)擊,刷新右側(cè)ListView
//刷新右側(cè)ListViewprivate void updateSecondListView(List<SecondClassItem> list2, SecondClassAdapter secondAdapter) { secondList.clear(); secondList.addAll(list2); secondAdapter.notifyDataSetChanged();}完整實(shí)例代碼點(diǎn)擊此處本站下載。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android開發(fā)入門與進(jìn)階教程》、《Android布局layout技巧總結(jié)》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android操作json格式數(shù)據(jù)技巧總結(jié)》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選