Android 中使用ExpandableListView 实现分组的实例
android 中使用expandablelistview 实现分组
一个视图显示垂直滚动两级列表中的条目。这不同于列表视图,允许两个层次,类似于qq的好友分组。要实现这个效果的整体思路为:
1.要给expandablelistview 设置适配器,那么必须先设置数据源。
2.数据源,就是此处的适配器类,此方法继承了baseexpandablelistadapter,它是expandablelistview的一个子类。需要重写里面的多个方法。方法的意思,代码中都有详细的注释。数据源中,用到了自定义的view布局,此时根据自己的需求,来设置组和子项的布局样式。getchildview()和getgroupview()方法设置自定义布局。
3.数据源设置好,直接给expandablelistview.setadapter()即可实现此收缩功能。
下面是我自己简单做的一个显示效果:
layout中主视图expandable_layout.xml(expandablelistview布局):
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <expandablelistview android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/el"> </expandablelistview> </linearlayout>
layout中group_layout.xml(分组组名展示布局):
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" app:srccompat="@mipmap/ic_launcher" android:id="@+id/iv_group" /> <textview android:text="textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/tv_group" /> </linearlayout>
layout中child_layout.xml(子菜单item布局):
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:paddingleft="50dp"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" app:srccompat="@mipmap/ic_launcher" android:id="@+id/iv_item" /> <textview android:text="textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/tv_item" /> </linearlayout>
layout中alertdialog_layout.xml(alertdialog自定义显示布局):
<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <edittext android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/et" android:hint="请输入想对他说的话"/> </linearlayout>
activity中java实现代码(expandablelistviewdemo.java):
import android.content.dialoginterface; import android.os.bundle; import android.support.annotation.nullable; import android.support.v7.app.alertdialog; import android.support.v7.app.appcompatactivity; import android.view.view; import android.view.viewgroup; import android.widget.baseexpandablelistadapter; import android.widget.expandablelistview; import android.widget.imageview; import android.widget.textview; import android.widget.toast; /** * created by panchengjia on 2016/12/2. */ public class expandablelistviewdemo extends appcompatactivity { expandablelistview el; //定义分组名以及对应的图片数组,需一一对应 string[] country={"魏国","蜀国","吴国"}; int[] icon={r.mipmap.wei,r.mipmap.shu,r.mipmap.wu}; //使用二维定义组内成员以及对应头像,同样需要以一一对应 string[][] heros={{"司马懿","郭嘉","夏侯惇","甄姬"},{"刘备","赵云","张飞"},{"孙权","周瑜"}}; int[][] icons={{r.mipmap.simayi,r.mipmap.guojia,r.mipmap.xiahoudun,r.mipmap.zhenji}, {r.mipmap.liubei,r.mipmap.zhaoyun,r.mipmap.zhangfei},{r.mipmap.sunquan,r.mipmap.zhouyu}}; @override protected void oncreate(@nullable bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.expandable_layout); el= (expandablelistview) findviewbyid(r.id.el); //设置点击下拉子菜单的监听事件 el.setonchildclicklistener(new expandablelistview.onchildclicklistener() { @override public boolean onchildclick(expandablelistview parent, view v, int groupposition, int childposition, long id) { //获取分组成员的姓名 textview tv = (textview) v.findviewbyid(r.id.tv_item); string name = tv.gettext().tostring(); //调用show方法(自定义alertdialog) show(v,name); return false; } }); el.setadapter(new myadapter());//设置自定义适配器 } //定义show方法调出alertdialog(不再赘述,详情请看前期相关博文,文章末尾有链接) public void show(view v,string name){ alertdialog.builder builder = new alertdialog.builder(this); builder.settitle(name);//设置标题名为传入的字符串(分组内点击对应的人物名) view msg = getlayoutinflater().inflate(r.layout.altertdialog_layout,null); builder.setview(msg); builder.setpositivebutton("确定", new dialoginterface.onclicklistener() { @override public void onclick(dialoginterface dialog, int which) { toast.maketext(expandablelistviewdemo.this, "已发送", toast.length_short).show(); } }); builder.setnegativebutton("取消", new dialoginterface.onclicklistener() { @override public void onclick(dialoginterface dialog, int which) { toast.maketext(expandablelistviewdemo.this, "不想说了", toast.length_short).show(); } }); builder.show(); } //设置自定义适配器 class myadapter extends baseexpandablelistadapter{ //获取国家个数 @override public int getgroupcount() { return country.length; } //获取每个国家对应的人数 @override public int getchildrencount(int groupposition) { return heros[groupposition].length; } //获取对应国家名 @override public object getgroup(int groupposition) { return country[groupposition]; } //获取对应国家对应的任务 @override public object getchild(int groupposition, int childposition) { return heros[groupposition][childposition]; } //获取选择的国家对应数组下标 @override public long getgroupid(int groupposition) { return groupposition; } //获取选择的任务对应数组下标 @override public long getchildid(int groupposition, int childposition) { return childposition; } //表示人物和国家id是否稳定的更改底层数据 @override public boolean hasstableids() { return true; } //获取一个视图显示国家名以及对应的图标(listview适配器优化) @override public view getgroupview(int groupposition, boolean isexpanded, view convertview, viewgroup parent) { viewholder vh; if(convertview==null){ convertview=getlayoutinflater().inflate(r.layout.group_layout,null); vh=new viewholder(); vh.tv= (textview) convertview.findviewbyid(r.id.tv_group); vh.iv= (imageview) convertview.findviewbyid(r.id.iv_group); convertview.settag(vh); } vh= (viewholder) convertview.gettag(); vh.tv.settext(country[groupposition]); vh.iv.setimageresource(icon[groupposition]); return convertview; } //获取一个视图显示国家对应人物以及对应的图标(listview适配器优化) @override public view getchildview(int groupposition, int childposition, boolean islastchild, view convertview, viewgroup parent) { viewholder vh; if(convertview==null){ convertview=getlayoutinflater().inflate(r.layout.child_layout,null); vh=new viewholder(); vh.tv= (textview) convertview.findviewbyid(r.id.tv_item); vh.iv= (imageview) convertview.findviewbyid(r.id.iv_item); convertview.settag(vh); } vh= (viewholder) convertview.gettag(); vh.tv.settext(heros[groupposition][childposition]); vh.iv.setimageresource(icons[groupposition][childposition]); return convertview; } class viewholder{ imageview iv; textview tv; } //设置子选项(对应人物)是可选的 @override public boolean ischildselectable(int groupposition, int childposition) { return true; } } }
补充说明:
java实现代码中用到自定义适配器listview的优化,优化步骤如下:
(1)使用固定宽高(match_parent)的listview,有助于在填充item(listview中每行的布局)时避免重复渲染listview组件,导致重复多次调用getview方法。
(2)convertview用来重复使用已被隐藏的item对象,从而避免重复创建每个item的view对象。
(3)使用viewholder优化提高容器中查找组件的效率。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇: 高级数据结构及应用之使用bitmap进行字符串去重的方法实例
下一篇: C++备忘录062:Corner Cases for std::move/std::forward gist of "Effective Modern C++"
推荐阅读
-
Android 中使用ExpandableListView 实现分组的实例
-
Android中实现下载URL地址的网络资源的实例分享
-
Android App中实现简单的刮刮卡抽奖效果的实例详解
-
Android App中各种数据保存方式的使用实例总结
-
实例讲解Android中ContentProvider组件的使用方法
-
实例讲解Android中ViewPager组件的一些进阶使用技巧
-
Android App中实现图片异步加载的实例分享
-
实例讲解Android应用开发中TabHost的使用要点
-
Android App中实现可以双击放大和缩小图片功能的实例
-
实现DataGridView控件中CheckBox列的使用实例