Android中ExpandableListView(原生控件)2----设置指示器

效果图：
这里写图片描述

主要思路如下：
1在适配器中的构造方法中实例化一个list，用来装ImageView（指示器）
2在getGroupView中把ImageView（指示器）装到list中


ivList.add(groupPosition, groupViewHolder.ivIndicator);

3写一个setIndicatorState方法，根据状态判断指示器的图标，并在getGroupView调用

    public void setIndicatorState(int groupPosition, boolean isExpanded) {
        if (isExpanded) {
            ivList.get(groupPosition).setImageResource(R.drawable.ic_expand_less);
        } else {
            ivList.get(groupPosition).setImageResource(R.drawable.ic_expand_more);
        }
    }
    }

4在activity中调用setOnGroupClickListener（注意这个方法调用会使列表重新适配）

  expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
            @Override
            public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
                Logger.t("111").d("groupPosition>>>" + groupPosition);
                boolean groupExpanded = parent.isGroupExpanded(groupPosition);
//              设置指示器 位置，开关
                adapter.setIndicatorState(groupPosition, groupExpanded);
                return false;
                    });

下面贴一下源码：
IndicatorExpandActivity中

package com.zhh.expandable;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ExpandableListView;

import com.orhanobut.logger.Logger;

public class IndicatorExpandActivity extends Activity {
    //  外层
    public String[] groupStrings = {"西游记", "水浒传", "三国演义", "红楼梦"};
    //  内层
    public String[][] childStrings = {
            {"唐三藏", "孙悟空", "猪八戒", "沙和尚"},
            {"宋江", "林冲", "李逵", "鲁智深"},
            {"曹操", "刘备", "孙权", "诸葛亮", "周瑜"},
            {"贾宝玉", "林黛玉", "薛宝钗", "王熙凤"}
    };
    private ExpandableListView expandableListView;
    private IndicatorExpandableListAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_indicator_expand);
        initView();
        myOnclick();
    }
    private void initView (){
        expandableListView = (ExpandableListView) findViewById(R.id.expandable_list);
        adapter = new IndicatorExpandableListAdapter(groupStrings, childStrings);
        expandableListView.setAdapter(adapter);
//      清除默认指示器
        expandableListView.setGroupIndicator(null);
//
    }

    private void myOnclick() {
        /**
         * 外层的布局
         * 点击事件会导致getGroupView重新适配
         */
        expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
            @Override
            public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
                Logger.t("111").d("groupPosition>>>" + groupPosition);
                boolean groupExpanded = parent.isGroupExpanded(groupPosition);
//              设置指示器 位置，开关
                adapter.setIndicatorState(groupPosition, groupExpanded);
                return false;
            }
        });
//      内层的点击事件
        expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
            @Override
            public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
                Logger.t("111").d("groupPosition>>>" + groupPosition + ">>>" + childPosition);
                return false;
            }
        });

    }
}

IndicatorExpandableListAdapter中：

package com.zhh.expandable;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by 16838 on 2018/6/13.
 */
public class IndicatorExpandableListAdapter extends BaseExpandableListAdapter {

    //                用于存放Indicator的集合
    private List<ImageView> ivList;
    private String[] groupData;
    private String[][] childData;
    public IndicatorExpandableListAdapter(String[] groupData, String[][] childData) {
        this.groupData = groupData;
        this.childData = childData;
        ivList = new ArrayList<>();
    }
    /**
     * 父亲的4个方法
     * @return
     */
    @Override
    public int getGroupCount() {
        return groupData.length;
    }

    @Override
    public Object getGroup(int groupPosition) {
        return groupData[groupPosition];
    }
    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        GroupViewHolder groupViewHolder;
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_father_ind, parent, false);
            groupViewHolder = new GroupViewHolder();
            groupViewHolder.tvTitleFather = (TextView) convertView.findViewById(R.id.tvTitleFather);
            groupViewHolder.ivIndicator=(ImageView)convertView.findViewById(R.id.iv_indicator);
            convertView.setTag(groupViewHolder);
        } else {
            groupViewHolder = (GroupViewHolder) convertView.getTag();
        }
//      绑定文字数据
        groupViewHolder.tvTitleFather.setText(groupData[groupPosition]);

        //      把位置和图标添加到list
        ivList.add(groupPosition, groupViewHolder.ivIndicator);
        //      根据分组状态设置Indicator
        setIndicatorState(groupPosition, isExpanded);
        return convertView;
    }
    //    缓存类
    private static class GroupViewHolder {
        TextView tvTitleFather;
        ImageView ivIndicator;
    }

    /**
     * 根据分组的展开闭合状态设置指示器
     *
     * @param groupPosition
     * @param isExpanded
     */
    public void setIndicatorState(int groupPosition, boolean isExpanded) {
        if (isExpanded) {
            ivList.get(groupPosition).setImageResource(R.drawable.ic_expand_less);
        } else {
            ivList.get(groupPosition).setImageResource(R.drawable.ic_expand_more);
        }
    }

    /**
     *  孩子的4个方法
     * @param groupPosition
     * @return
     */
    @Override
    public int getChildrenCount(int groupPosition) {
        return childData[groupPosition].length;
    }
    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childData[groupPosition][childPosition];
    }
    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }
    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        ChildViewHolder childViewHolder;
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_son, parent, false);
            childViewHolder = new ChildViewHolder();
            childViewHolder.tvTitleSon = (TextView) convertView.findViewById(R.id.tvTitleSon);
            convertView.setTag(childViewHolder);
        } else {
            childViewHolder = (ChildViewHolder) convertView.getTag();
        }
        childViewHolder.tvTitleSon.setText(childData[groupPosition][childPosition]);
        return convertView;
    }

    /**
     * 缓存方法
     */
    private static class ChildViewHolder {
        TextView tvTitleSon;
    }

    @Override
    public boolean hasStableIds() {
        return true;
    }
    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }

}

IndicatorExpandActivity的布局activity_indicator_expand

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    >

    <ExpandableListView
        android:id="@+id/expandable_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


</LinearLayout>

IndicatorExpandableListAdapter中条目外层布局item_father_ind

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:background="@android:color/holo_blue_light"
    >
    <TextView
        android:id="@+id/tvTitleFather"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_gravity="center_vertical"

        android:paddingLeft="50dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:text="父类"
        android:gravity="center_vertical"
        />
    <ImageView
        android:id="@+id/iv_indicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:src="@drawable/ic_expand_more"
        />



</LinearLayout>

IndicatorExpandableListAdapter中条目内层布局item_son

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tvTitleSon"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="16sp"
        android:paddingTop="8dp"
        android:paddingBottom="8dp"
        tools:text="测试数据"/>
</LinearLayout>

源码下载
https://download.csdn.net/download/zhaihaohao1/10477249
参考文章
https://www.jianshu.com/p/9fa82c15fe1e

Android中ExpandableListView(原生控件)2----设置指示器

猜你喜欢