二级下拉列表菜单ExpandTabViews(仿团购app)
来源:互联网 发布:上海长期租车价格 知乎 编辑:程序博客网 时间:2024/06/18 05:08
这里制作一个改进版,加深对Android相关界面技术的理解,如弹框PopWindow,自定义控件,自定义ToggleButton,回调机制.
实现效果如下图:
看了效果还是有兴趣吧,那么我们来看下如何使用
第一步准备数据源
价格,排序,优惠分别对应3个List集合
private List<KeyValueBean> mPriceLists; //价格private List<KeyValueBean> mSortLists; //排序private List<KeyValueBean> mFavorLists; //优惠区域涉及到有二级需要定义两个List集合
private List<KeyValueBean> mParentLists = new ArrayList<>();//父区域private List<ArrayList<KeyValueBean>> mChildrenListLists = new ArrayList<>();//子区域注:KeyValueBean对象定义如下class KeyValueBean { private String key; private String value;}第二步 引入android-expandpoptab-libary包第三方包下载请移步这里DownLoad.在你的Activity布局文件中使用自定义控件ExpandPopTabView
<com.warmtel.expandtab.ExpandPopTabView android:id="@+id/expandtab_view" android:layout_width="match_parent" android:layout_height="wrap_content" />
第三步 制作需要弹出的View,这里使用第三方包中默认实现View,PopOneListView和PopTwoListViewPopOneListView popOneListView= new PopOneListView(this);PopTwoListView popTwoListView = new PopTwoListView(this);第四步 ExpandPopTabView关联数据源和弹出View
popOneListView.setCallBackAndData(lists, expandTabView, new PopOneListView.OnSelectListener() { @Override public void getValue(String key, String value) { //弹出框选项点击选中回调方法 }});expandTabView.addItemToExpandTab(defaultShowText, popViewOne);popTwoListView.setCallBackAndData(expandTabView, parentLists, childrenListLists, new PopTwoListView.OnSelectListener() { @Override public void getValue(String showText, String parentKey, String childrenKey) { //弹出框选项点击选中回调方法} });expandTabView.addItemToExpandTab(defaultShowText, distanceView);你也可以设置弹出菜单默认选中项popOneListView.setDefaultSelectByValue(defaultSelect);popTwoListView.setDefaultSelectByValue(defaultParentSelect, defaultChildSelect);最后我们来对代码封装下添加两个方法public void addItem(ExpandPopTabView expandTabView, List<KeyValueBean> lists, String defaultSelect, String defaultShowText) { PopOneListView popOneListView = new PopOneListView(this); popOneListView.setDefaultSelectByValue(defaultSelect); //popViewOne.setDefaultSelectByKey(defaultSelect); popOneListView.setCallBackAndData(lists, expandTabView, new PopOneListView.OnSelectListener() { @Override public void getValue(String key, String value) { //弹出框选项点击选中回调方法 } }); expandTabView.addItemToExpandTab(defaultShowText, popOneListView); } public void addItem(ExpandPopTabView expandTabView, List<KeyValueBean> parentLists, List<ArrayList<KeyValueBean>> childrenListLists, String defaultParentSelect, String defaultChildSelect, String defaultShowText) { PopTwoListView popTwoListView = new PopTwoListView(this); popTwoListView.setDefaultSelectByValue(defaultParentSelect, defaultChildSelect); //distanceView.setDefaultSelectByKey(defaultParent, defaultChild); popTwoListView.setCallBackAndData(expandTabView, parentLists, childrenListLists, new PopTwoListView.OnSelectListener() { @Override public void getValue(String showText, String parentKey, String childrenKey) { //弹出框选项点击选中回调方法 } }); expandTabView.addItemToExpandTab(defaultShowText, popTwoListView); }调用方式 ExpandPopTabView expandTabView = (ExpandPopTabView) findViewById(R.id.expandtab_view); addItem(expandTabView, mPriceLists, "", "价格"); addItem(expandTabView, mFavorLists, "默认", "排序"); addItem(expandTabView, mSortLists, "优惠最多", "优惠"); addItem(expandTabView, mParentLists, mChildrenListLists, "锦江区", "合江亭", "区域");
转载请注明来源:二级下拉列表菜单ExpandTabView改进版(仿美团,大众点评)
本文链接地址:http://it.warmtel.com/?p=1059
https://github.com/yihu0817/ExpandPopTabView
0 0
- 二级下拉列表菜单ExpandTabViews(仿团购app)
- DropMenuWidget(下拉二级菜单)
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- 二级下拉列表菜单ExpandTabView改进版(仿美团,大众点评)
- jquery导航插件制作二级下拉菜单列表1
- Selenium笔记---鼠标悬停显示二级菜单 点击下拉列表
- 原生js实现二级联动下拉列表菜单
- 原生js实现二级联动下拉列表菜单
- 原生js实现二级联动下拉列表菜单
- 原生js实现二级联动下拉列表菜单
- 原生js实现二级联动下拉列表菜单
- 简单的二级下拉菜单(转)
- js二级下拉菜单
- 制作二级下拉菜单
- js 下拉二级菜单
- bootstrap 二级下拉菜单
- 二级下拉菜单
- 二级下拉菜单导航
- CentOs下jdk_6u24+tomcat多实例的安装方法
- 1001. 害死人不偿命的(3n+1)猜想 (15)(Python)
- idea运行tomcat工程
- Linux下定时自动重启mysql服务
- FPGA经验总结
- 二级下拉列表菜单ExpandTabViews(仿团购app)
- SQL Server Profiler:使用方法和指标说明
- 为QTreeView添加右键菜单
- iOS 提交时显示 Valid signing identity not found 证书的签发者无效
- C++学习
- GitHub学习笔记(二)---msysgit客户端操作GitHub
- cocapods `HEADER_SEARCH_PATHS` `OTHER_CFLAGS`的问题
- CocoaPods详解之----使用篇
- UITextField数字输入限制