Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】
本文实例讲述了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(); }
完整实例代码点击此处本站下载。
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android操作json格式数据技巧总结》、《Android资源操作技巧汇总》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
相关文章
Android模拟器安装APP出现INSTALL_FAILED_NO_MATCHING_ABIS错误解决方案
这篇文章主要介绍了 Android模拟器安装APP出现INSTALL_FAILED_NO_MATCHING_ABIS错误解决方案的相关资料,需要的朋友可以参考下2016-12-12Android中SeekBar和RatingBar用法实例分析
这篇文章主要介绍了Android中SeekBar和RatingBar用法,结合实例形式分析了SeekBar和RatingBar的功能、定义与简单使用方法,需要的朋友可以参考下2016-06-06Android使用Intent.ACTION_SEND分享图片和文字内容的示例代码
这篇文章主要介绍了Android使用Intent.ACTION_SEND分享图片和文字内容的示例代码的实例代码,具有很好的参考价值,希望对大家有所帮助,一起跟随小编过来看看吧2018-05-05Android控件ImageSwitcher实现左右图片切换功能
这篇文章主要为大家详细介绍了Android控件ImageSwitcher实现左右图片切换功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-05-05Android中用Builder模式自定义Dialog的方法
在任何软件操作系统中,Dialog即对话框都是一种重要的交互模式与信息载体,而Android系统本身的Dialog拥有固定的样式,并且在5.0后采用Material Design设计风格的Dialog美观大气。这篇文章将详细介绍Android中用Builder模式自定义Dialog的方法,有需要的可以参考借鉴。2016-10-10android studio编译jar包或者aar包的方法教程详解
这篇文章主要介绍了android studio编译jar包或者aar包的方法教程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
最新评论