溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間:2020-08-22 04:57:29 來源:腳本之家 閱讀:723 作者:books1958 欄目:移動開發(fā)

本文實例講述了Android編程實現(xiàn)仿美團(tuán)或淘寶的多級分類菜單效果。分享給大家供大家參考,具體如下:

這里要實現(xiàn)的是諸如美團(tuán)/淘寶/百度糯米 多級分類菜單效果。當(dāng)分類數(shù)量非常多時可以考慮采用兩級分類,而諸如美團(tuán)這種表現(xiàn)方式是一個不錯的選擇。

首先上效果圖:

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

主要代碼:

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è)菜單點擊事件:

//左側(cè)ListView點擊事件
leftLV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    //二級數(shù)據(jù)
    List<SecondClassItem> list2 = firstList.get(position).getSecondList();
    //如果沒有二級類,則直接跳轉(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());
    //如果上次點擊的就是這一個item,則不進(jìn)行任何操作
    if (adapter.getSelectedPosition() == position){
      return;
    }
    //根據(jù)左側(cè)一級分類選中情況,更新背景色
    adapter.setSelectedPosition(position);
    adapter.notifyDataSetChanged();
    //顯示右側(cè)二級分類
    updateSecondListView(list2, secondAdapter);
  }
});

3. 右側(cè)菜單點擊事件:

//右側(cè)ListView點擊事件
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)簽點擊事件(即顯示/隱藏 分類菜單)

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è)點擊,刷新右側(cè)ListView

//刷新右側(cè)ListView
private void updateSecondListView(List<SecondClassItem> list2,
    SecondClassAdapter secondAdapter) {
    secondList.clear();
    secondList.addAll(list2);
    secondAdapter.notifyDataSetChanged();
}

完整實例代碼點擊此處本站下載

更多關(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é)》

希望本文所述對大家Android程序設(shè)計有所幫助。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI