欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 中使用ExpandableListView 实现分组的实例

程序员文章站 2024-02-27 12:02:33
 android 中使用expandablelistview 实现分组 一个视图显示垂直滚动两级列表中的条目。这不同于列表视图,允许两个层次,类似于qq的好友分...

 android 中使用expandablelistview 实现分组

一个视图显示垂直滚动两级列表中的条目。这不同于列表视图,允许两个层次,类似于qq的好友分组。要实现这个效果的整体思路为:

1.要给expandablelistview 设置适配器,那么必须先设置数据源。

2.数据源,就是此处的适配器类,此方法继承了baseexpandablelistadapter,它是expandablelistview的一个子类。需要重写里面的多个方法。方法的意思,代码中都有详细的注释。数据源中,用到了自定义的view布局,此时根据自己的需求,来设置组和子项的布局样式。getchildview()和getgroupview()方法设置自定义布局。

3.数据源设置好,直接给expandablelistview.setadapter()即可实现此收缩功能。

下面是我自己简单做的一个显示效果:

 Android 中使用ExpandableListView 实现分组的实例

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优化提高容器中查找组件的效率。

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!