折叠列表-ExpandableListView

作者: Wang_Mr | 来源:发表于2019-01-15 10:43 被阅读0次

折叠列表-ExpandableListView
ExpandableListView（QQ好友列表）
ExpandableListView的使用指南
ExpandableListView 设置布局中view vi
ExpandableListView(可折叠列表)的基本使用
二级列表
Android shape使用总结
ExpandableListView 和SwipeLayout
ExpandableListView展开折叠列表滚动到指定位置的
Android约束布局(ConstraintLayout )实战

1.1xml布局

<!--groupIndicator 箭头-->
<!--箭头 默认展示到左边 只能左右位移 
    不能设置上下的位置，局限性太大
    可以自己设置箭头图片-->
<!--divider 组元素的分割线-->
<!--childDivider 子元素的分割线-->
<!--scrollbars 滚动条-->
<ExpandableListView
    android:id="@+id/ev"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="#ffffffff"
    android:childDivider="#ffffffff"
    android:scrollbars="none"
    android:groupIndicator="@null"/>

1.2组布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#EFF0F0">

    <TextView
        android:id="@+id/create_time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:text="12月5日星期二 下午2:26"
        android:textColor="#ababab" />

    <TextView
        android:id="@+id/grade"
        android:layout_width="match_parent"
        android:layout_height="25dp"
        android:layout_below="@id/create_time"
        android:background="@android:color/white"
        android:gravity="center_vertical"
        android:paddingLeft="10dp"
        android:text="一班"
        android:textColor="@android:color/black"
        android:textSize="18dp" />

    <ImageView
        android:id="@+id/img"
        android:layout_width="40dp"
        android:layout_height="25dp"
        android:layout_alignParentRight="true"
        android:layout_below="@id/create_time"
        android:layout_gravity="center_vertical"
        android:src="@mipmap/xiala" />

</RelativeLayout>

1.3子布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#fff"
    android:gravity="center_vertical"
    android:minHeight="30dp"
    android:paddingLeft="10dp">

    <TextView
        android:id="@+id/temp"
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:text="人员 : "
        android:textColor="@android:color/black"
        android:textSize="15dp" />

    <TextView
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/temp"
        android:text="袁月月"
        android:textSize="15dp" />

</RelativeLayout>

2.适配器 extends BaseExpandableListAdapter

// 数据源
private List<Map<String, Object>> data = new ArrayList<>();
private Context mContext;
// 构造方法
public ExpandableAdapter(List<Map<String, Object>> data, Context mContext) {
    this.data = data;
    this.mContext = mContext;
}

// 获取组元素数目
@Override
public int getGroupCount() {
    return data.size();
}

// 获取子元素数目
@Override
public int getChildrenCount(int groupPosition) {

    // 取出组中的groupPosition位置的数据
    Map<String, Object> group = data.get(groupPosition);
    // 取出groupPosition位置所有子元素
    List<Map<String, Object>> child = (List<Map<String, Object>>) group.get("ry");

    return child.size();
}

// 获取组元素对象
@Override
public Object getGroup(int groupPosition) {
    return data.get(groupPosition);
}

// 获取子元素对象
@Override
public Object getChild(int groupPosition, int childPosition) {

    // 取出组中的groupPosition位置的数据
    Map<String, Object> group = data.get(groupPosition);
    // 取出groupPosition位置所有子元素
    List<Map<String, Object>> child = (List<Map<String, Object>>) group.get("ry");

    return child.get(childPosition);
}

// 获取组元素Id
@Override
public long getGroupId(int groupPosition) {
    return groupPosition;
}

// 获取子元素Id
@Override
public long getChildId(int groupPosition, int childPosition) {
    return childPosition;
}

// 分组和子选项是否持有稳定的ID, 就是说底层数据的改变会不会影响到它们
@Override
public boolean hasStableIds() {
    return true;
}

// 用来判断某Group某个child是否可选
@Override
public boolean isChildSelectable(int i, int i1) {
    return true;
}

// 加载并显示组元素 
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {

    final Map<String, Object> group = data.get(groupPosition);

    GroupViewHolder groupViewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.group_item, parent, false);
        groupViewHolder = new GroupViewHolder();
        groupViewHolder.create_time = (TextView) convertView.findViewById(R.id.create_time);
        groupViewHolder.grade = (TextView) convertView.findViewById(R.id.grade);
        groupViewHolder.img = (ImageView) convertView.findViewById(R.id.img);
        convertView.setTag(groupViewHolder);
    } else {
        groupViewHolder = (GroupViewHolder) convertView.getTag();
    }

    // 展示时间
    groupViewHolder.create_time.setText((String) group.get("titleRq"));
    // 展示班级
    groupViewHolder.grade.setText((String) group.get("grade"));
    // 根据展开状态显示箭头方向
    if (isExpanded){
        groupViewHolder.img.setImageResource(R.mipmap.shangla);
    }else {
        groupViewHolder.img.setImageResource(R.mipmap.xiala);
    }

    return convertView;
}

// 获取显示指定分组中的指定子选项的视图
@Override
public View getChildView(final int groupPosition, final int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {

    // 取出组中的groupPosition位置的数据
    Map<String, Object> group = data.get(groupPosition);
    // 取出groupPosition位置的子元素
    List<Map<String, Object>> child = (List<Map<String, Object>>) group.get("ry");

    final Map<String, Object> childData = child.get(childPosition);

    final ChildViewHolder childViewHolder;
    if (convertView == null) {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.child_item, parent, false);
        childViewHolder = new ChildViewHolder();
        childViewHolder.ry_name = (TextView) convertView.findViewById(R.id.name);
            convertView.setTag(childViewHolder);
        } else {
            childViewHolder = (ChildViewHolder) convertView.getTag();
        }
    // 名字
    childViewHolder.ry_name.setText((String) childData.get("name"));

    return convertView;
}

static class GroupViewHolder {
    TextView create_time;
    TextView grade;
    ImageView img;
}

static class ChildViewHolder {
    TextView ry_name;
}

3.json数据结构

AE36A1DA-A340-4233-B23A-1C5A7E87C8EB.png

4.设置适配器(填装数据)

Map<String, Object> result = JSON.parseObject(getJsonstring(), new TypeReference<Map<String, Object>>() {
        });
List<Map<String, Object>> data = (List<Map<String, Object>>) result.get("data");
adapter = new ExpandableAdapter(data,this);
ev.setAdapter(adapter);

5.长按事件

ev.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
    @Override
    public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
      
        // 负数-长按子View
        final long packedPosition = ev.getExpandableListPosition(position);
        final int groupPosition = ExpandableListView.getPackedPositionGroup(packedPosition);
        final int childPosition = ExpandableListView.getPackedPositionChild(packedPosition);
                
        return true;
    }
});

6.默认展开所有group

for (int i = 0; i < data.size(); i++) {
    ev.expandGroup(i);
}

7.设置不可关闭group

ev.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
    @Override
    public boolean onGroupClick(ExpandableListView expandableListView, View view, int i, long l) {

        //设置点击不关闭（不收回）
        view.setClickable(true);
        return true;
    }
});

8.上拉加载

ev.setOnScrollListener(this);

public int last_index;
public int total_index;

@Override
public void onScrollStateChanged(AbsListView absListView, int scrollState) {
    if (last_index == total_index && (scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE)) {
        // 加载下一页
        currentPage++;
        // 加载数据
        Map<String, Object> result = JSON.parseObject(getJsonstring(), new TypeReference<Map<String, Object>>() {
                });
        List<Map<String, Object>> data = (List<Map<String, Object>>) result.get("data");
        // 添加到数据源
        adapter.addData(data);
    }
}

@Override
public void onScroll(AbsListView absListView, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    last_index = firstVisibleItem + visibleItemCount;
    total_index = totalItemCount;
}

9.效果

Screenshot_20190115-104418.jpg

折叠列表-ExpandableListView
1.1xml布局 1.2组布局 1.3子布局 2.适配器 extends BaseExpandableListAd...
ExpandableListView（QQ好友列表）
ExpandableListView，就是可折叠的列表，它是ListView的子类，在ListView的基础上它...
ExpandableListView的使用指南
ExpandableListView可以实现二级列表功能,可以展开,折叠,用例如下 adapter代码: 其中标题...
ExpandableListView 设置布局中view vi
ExpandableListView 可展示折叠列表,由于父布局和子布局中某些控件只有在需要时才显示,所以根据条...
ExpandableListView(可折叠列表)的基本使用
ExpandableListView 是什么？官方给出的解释是：A view that shows items ...
二级列表
二级列表（ExpandableListView）概念： A view that shows items in a...
Android shape使用总结
安卓开发宝典文章列表：比ExpandableListView更强大的分组列表实现约束布局实战 shape使用总...
ExpandableListView 和SwipeLayout
ExpandableListView 可以实现双层列表效果。而且代码量不多，比较简单实用。
ExpandableListView展开折叠列表滚动到指定位置的
需求现有一需求，通讯录，需要各组区分（Group），点击组标题展开后显示该部门下的员工，但存在一个问题，需要能够...
Android约束布局(ConstraintLayout )实战
安卓开发宝典文章列表：一、比ExpandableListView更强大的分组列表实现二、约束布局实战三、sh...