Android:实现仿 美团/淘宝 多级分类菜单效果
来源:互联网 发布:linux系统不能上网 编辑:程序博客网 时间:2024/04/29 09:13
本例要实现的是诸如美团/淘宝/百度糯米 多级分类菜单效果。当分类数量非常多时可以考虑采用两级分类,而诸如美团这种表现方式是一个不错的选择。
首先上效果图:
主要代码:
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(); }
源码下载(免积分哦):
http://download.csdn.net/detail/books1958/7992863
3 0
- Android:实现仿 美团/淘宝 多级分类菜单效果
- 使用PopupWindow + 2个ListView实现仿 美团/淘宝 多级分类菜单效果
- jquery仿京东导航,仿淘宝商城左侧分类导航菜单,jquery实现下拉菜单效果
- 仿淘宝、京东、美团使用ViewPager+GridView实现左右滑动查看更多分类导航功能
- 仿淘宝、京东、美团使用ViewPager+GridView实现左右滑动查看更多分类导航功能
- 仿Ios下拉菜单,android Spinner效果(美团下拉效果)
- 多级分类菜单的实现
- Android 实现类似美团的菜单效果
- Android 多级菜单实现
- 仿淘宝首页商品分类列表效果
- 仿Google首页分类菜单效果
- Android 多级菜单的实现
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- Android开发之多级下拉列表菜单实现(仿美团,淘宝等)
- iOS 更改语言环境
- Codeforces 129A-Cookies(暴力)
- 自己学驱动5——uboot&linux源代码目录结构
- SQL生成n位随机字符串
- VIM配置备份
- Android:实现仿 美团/淘宝 多级分类菜单效果
- 提高程序员职场价值的10大技巧
- xcode6中如何对scrollview进行自动布局(autolayout)
- 第一篇博客
- 学习较底层编程:动手写一个C语言编译器
- (三)ng-app的使用困惑和angularJS框架的自动加载
- 矩阵快速幂
- 【GitHub上的ios经典库库、学习资料】iOS frameworks, libraries, tutorials, xcode plugins and components.
- IT人应当知道的10个行业小内幕