Android ExpandableListView二級列表實現

近日公司產品迭代，提了個新需求，之前有個功能最多要點8級才能點到最後詳情頁面，用戶反饋層級太深，公司決定合二爲一變成四級。廢話不多說，在此記錄下實現方式，這個是請求一個接口返回父級數據和子級數據的，還有個是父級請求一個接口，子級請求一個接口的下一篇再贅述。

首先父級佈局方面：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/bgcolor"
        android:orientation="vertical">

<!--標題-->
        <include layout="@layout/title_layout" />


        <TextView
            android:layout_width="match_parent"
            android:layout_height="10dp"
            android:background="@color/cut_off_rule_line" />

<!--列表-->
        <ExpandableListView
            android:id="@+id/re_car_type"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/bgcolor"
            android:cacheColorHint="#00000000"
            android:childDivider="@color/white"
            android:divider="@color/white"
            android:dividerHeight="1dp"
            android:footerDividersEnabled="false"
            android:groupIndicator="@null" />
<!--無數據顯示-->

        <include
            android:id="@+id/il_nodata"
            layout="@layout/nodata_view_layout"
            android:visibility="gone" />
    </LinearLayout>
</layout>

子級佈局：

<?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="wrap_content"
    android:background="@color/bgcolor"
    android:gravity="center_vertical"
    android:orientation="horizontal">

<!--標題-->
            <TextView
                android:id="@+id/tv_car_circuit"
                style="@style/content_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:gravity="left|center"
                android:text="車型"
                android:textColor="@color/gray_66" />

           

  <!--右邊圖標-->
    <ImageView
        android:id="@+id/car_manual_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:background="@mipmap/right"
        android:gravity="center" />
</LinearLayout>

Activity代碼刪除了部分代碼關鍵看適配器就可以了：

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.Intent;
import android.databinding.DataBindingUtil;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
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;


import com.umeng.analytics.MobclickAgent;

import org.apache.http.HttpException;
import org.json.JSONException;
import org.json.JSONObject;

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

/**
 * 手冊-車型列表-新版
 * Created by admin on 2017/6/28.
 */
public class CarTypeActivity extends BaseActivity  {
    public CartypeLayoutBinding cartypeLayoutBinding;

    private String carid, type, is_vip;
    View nodataView;

    private CarTypeAdapter adapter;

    List<CartypeResponse.DataBean.ListBean> group_data = new ArrayList<>(); //父級

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        cartypeLayoutBinding = DataBindingUtil.setContentView(this, R.layout.cartype_layout);

        oncreaview();
        carid = getIntent().getExtras().getString("pinpai");
        type = getIntent().getExtras().getString("type");
        is_vip = getIntent().getExtras().getString("is_vip");
        String title_name = getIntent().getExtras().getString("title_name");
        initEven();
        if (carid != null) {
            setTitle(title_name);
            initGetCarData();

        }

        adapter = new CarTwoTypeAdapter(this, group_data);
        cartwotypeLayoutBinding.reCarType.setAdapter(adapter);


        /**
         * 子級點擊事件
         */
        cartypeLayoutBinding.reCarType.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {

            @Override
            public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
                Intent intent = new Intent();
                if (type.equals("18")) {  //手冊
ManualCatalogListActivity.class);
                    intent.putExtra("book_id", group_data.get(groupPosition).getSon().get(childPosition).getId());
                    intent.putExtra("pid", "0");
                    intent.putExtra("manual_title", group_data.get(groupPosition).getSon().get(childPosition).getShouce_name());
                    intent.putExtra("type", type);
                    startActivity(intent);
                } 
                return true;
            }
        });

    }

  

   

    //詳情請求參數
    private String postrequest() {
        String data = "";
        try {
            JSONObject ClientKey = new JSONObject();
            ClientKey.put("xxx", carid);
            ClientKey.put("xxx", type);
            data = NetInterfaceEngine.getEngine().jsonData(ClientKey);
       } catch (JSONException e) {
            e.printStackTrace();
        }
        return data;
    }

    private void initGetCarData() {
//        showProgressDialog();
        String url = Constant.GETTWOBOOK;
        String json = postrequest();
        NetInterfaceEngine.getEngine().commitOKHttpJson(url, json, new NetHelper() {
            @Override
            public void onSuccess(String result) {
                if (result == null) {
                    Toast.makeText(CarTwoTypeActivity.this, R.string.net_response, Toast.LENGTH_SHORT).show();
                    return;
                }
                dismissProgressDialog();
                CarTwotypeResponse emty = JSONUtil.parse(result, CarTwotypeResponse.class);
                if (emty.getData() != null && emty.getStatus().equals("ok")) {
                    List<CarTwotypeResponse.DataBean.ListBean> cardata = emty.getData().getList();//第一級數據
                    group_data.addAll(cardata);

                    adapter.notifyDataSetChanged();
                    if (emty.getData().getList().size() == 0) {
                        nodataView.setVisibility(View.VISIBLE);
                        cartwotypeLayoutBinding.reCarType.setVisibility(View.GONE);
                    }
                } else {
                    if (emty != null && emty.getMessage() != null) {  //添加錯誤爲空判斷
                        toast(emty.getMessage());
                    } else {
                        toast("服務器繁忙，請稍候再試");
                    }
                }
            }

            @Override
            public void onFail(HttpException e, String err) {
                Toast.makeText(CarTwoTypeActivity.this, "網絡異常！", Toast.LENGTH_SHORT).show();
                dismissProgressDialog();
            }
        });
    }



    /**
     * Expandable適配器
     */
    class CarTwoTypeAdapter extends BaseExpandableListAdapter {
        private Context context;
        private List<CarTwotypeResponse.DataBean.ListBean> group; //父級


        public CarTwoTypeAdapter(Context context, List<CarTwotypeResponse.DataBean.ListBean> group) {
            this.context = context;
            this.group = group;

        }

        @Override
        public int getGroupCount() {
            return group.size();
        }

        @Override
        public Object getGroup(int groupPosition) {
            return group.get(groupPosition);
        }

        @Override
        public int getChildrenCount(int groupPosition) {
            return group.get(groupPosition).getSon().size();
        }


        @Override
        public Object getChild(int groupPosition, int childPosition) {
            return group.get(groupPosition).getSon().get(childPosition);
        }

        @Override
        public long getGroupId(int groupPosition) {
            return groupPosition;
        }

        @Override
        public long getChildId(int groupPosition, int childPosition) {
            return childPosition;
        }

        @Override
        public boolean hasStableIds() {
            return false;
        }

        /**
         * 獲取顯示指定組的視圖對象
         *
         * @param groupPosition 組位置
         * @param isExpanded    該組是展開狀態還是伸縮狀態
         * @param convertView   重用已有的視圖對象
         * @param parent        返回的視圖對象始終依附於的視圖組
         * @return
         * @see android.widget.ExpandableListAdapter#getGroupView(int, boolean,
         * View, ViewGroup)
         */
        @SuppressLint("SetTextI18n")
        @Override
        public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.recycleview_item_parent, null);
                holder = new ViewHolder();
                holder.textView = (TextView) convertView.findViewById(R.id.tv_car_parent_list);
                holder.is_new = convertView.findViewById(R.id.is_new);
                holder.car_up_img = convertView.findViewById(R.id.car_up_img);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }
            holder.textView.setText("[ " + group.get(groupPosition).getPid_name() + " ]  " + group.get(groupPosition).getKeyword1());
            if (type.equals("18")) {
                if (group.get(groupPosition).getIs_new().equals("1")) {
                    holder.is_new.setVisibility(View.VISIBLE);
                } else {
                    holder.is_new.setVisibility(View.GONE);
                }
            }
            holder.textView.setPadding(10, 10, 0, 10);

            //判斷isExpanded就可以控制是按下還是關閉，同時更換圖片
            if (isExpanded) {
                holder.car_up_img.setBackgroundResource(R.mipmap.arrow_up);
            } else {
                holder.car_up_img.setBackgroundResource(R.mipmap.arrow_down);
            }

            return convertView;
        }

        /**
         * 獲取一個視圖對象，顯示指定組中的指定子元素數據。
         *
         * @param groupPosition 組位置
         * @param childPosition 子元素位置
         * @param isLastChild   子元素是否處於組中的最後一個
         * @param convertView   重用已有的視圖(View)對象
         * @param parent        返回的視圖(View)對象始終依附於的視圖組
         * @return
         * @see android.widget.ExpandableListAdapter#getChildView(int, int, boolean,
         * View, ViewGroup)
         */
        @Override
        public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {
                convertView = LayoutInflater.from(context).inflate(R.layout.recycleview_item_child, null);
                holder = new ViewHolder();
                holder.tv_car_child_list = (TextView) convertView.findViewById(R.id.tv_car_child_list);
                holder.car_vip = convertView.findViewById(R.id.car_vip);
                holder.circuit_img_line = convertView.findViewById(R.id.circuit_img_line);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            //是否VIP
            if (group.get(groupPosition).getSon().get(childPosition).getIs_check_vip().equals("1")) {
                holder.car_vip.setVisibility(View.VISIBLE);
            } else {
                holder.car_vip.setVisibility(View.GONE);
            }

            holder.tv_car_child_list.setText(group.get(groupPosition).getSon().get(childPosition).getShouce_name());
            holder.tv_car_child_list.setPadding(40, 10, 0, 10);
            return convertView;
        }

        /**
         * 是否選中指定位置上的子元素。
         * 讓isChildSelectable方法返回true,解決ExpandableListView中子元素無法點擊，OnChildClickListener無效
         *
         * @param groupPosition
         * @param childPosition
         * @return
         * @see android.widget.ExpandableListAdapter#isChildSelectable(int, int)
         */
        @Override
        public boolean isChildSelectable(int groupPosition, int childPosition) {
            return true;
        }

        class ViewHolder {
            TextView textView, is_new, tv_car_child_list, car_vip;
            ImageView car_up_img, circuit_img_line;
        }
    }



}