Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】

时间:2021-05-20

本文实例讲述了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

//刷新右侧ListViewprivate void updateSecondListView(List<SecondClassItem> list2, SecondClassAdapter secondAdapter) { secondList.clear(); secondList.addAll(list2); secondAdapter.notifyDataSetChanged();}

完整实例代码点击此处本站下载

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android操作json格式数据技巧总结》、《Android资源操作技巧汇总》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章