快捷導(dǎo)航

Android編程實(shí)現(xiàn)仿美團(tuán)或淘寶的多級(jí)分類菜單效果示例【附demo源碼下載】

更新時(shí)間：2017年01月30日 11:05:28 作者：books1958

這篇文章主要介紹了Android編程實(shí)現(xiàn)仿美團(tuán)或淘寶的多級(jí)分類菜單效果,結(jié)合實(shí)例形式分析了Android多級(jí)菜單的實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下

本文實(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è)ListView
private 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ì)有所幫助。

您可能感興趣的文章: