2. 程式人生 > >Android中ExpandableListView的使用（一）

Android中ExpandableListView的使用（一）

阿新 • • 發佈：2019-02-13

相關文章：

ExpandableListView是可擴充套件的下拉列表，它的可擴充套件性在於點選父item可以拉下或收起列表，適用於一些場景的使用，下面介紹的是在Activity中如何使用，關於它的各種樣式的詳細解釋請見另一篇文章：Android中ExpandableListView常用屬性總結

下面介紹它的基本使用方法

先看一下效果：


一、最基本的使用

新建一個佈局檔案expandable_layout.xml，內容很簡單，一個LinearLayout裡面包含了一個ExpandableListView，別忘了給它加上id：

<?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"
    android:orientation="vertical">
    <ExpandableListView
        android:id="@+id/expandablelistview"
        android:layout_margin="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

然後在activity檔案中引入這個layout，獲取這個ExpandableListView：

private ExpandableListView listview;
setContentView(R.layout.expandable_layout);
listview = (ExpandableListView) findViewById(R.id.expandablelistview);
為了給ExpandableListView提供資料，需要先初始化資料，這裡使用一個Map來存放資料，型別為<String, List<String>>：
private Map<String, List<String>> dataset = new HashMap<>();
private String[] parentList = new String[]{"first", "second", "third"};
private List<String> childrenList1 = new ArrayList<>();
private List<String> childrenList2 = new ArrayList<>();
private List<String> childrenList3 = new ArrayList<>();
 
private void initialData() {
    childrenList1.add(parentList[0] + "-" + "first");
    childrenList1.add(parentList[0] + "-" + "second");
    childrenList1.add(parentList[0] + "-" + "third");
    childrenList2.add(parentList[1] + "-" + "first");
    childrenList2.add(parentList[1] + "-" + "second");
    childrenList2.add(parentList[1] + "-" + "third");
    childrenList3.add(parentList[2] + "-" + "first");
    childrenList3.add(parentList[2] + "-" + "second");
    childrenList3.add(parentList[2] + "-" + "third");
    dataset.put(parentList[0], childrenList1);
    dataset.put(parentList[1], childrenList2);
    dataset.put(parentList[2], childrenList3);
}
然後需要自己實現一個Adapte類，用於為ExpandableListView提供資料，該類繼承了BaseExpandableListAdapter，下面這個是最簡單的自定義的類：
private class MyExpandableListViewAdapter extends BaseExpandableListAdapter {

    //  獲得某個父項的某個子項
    @Override
    public Object getChild(int parentPos, int childPos) {
        return dataset.get(parentList[parentPos]).get(childPos);
    }

    //  獲得父項的數量
    @Override
    public int getGroupCount() {
        return dataset.size();
    }

    //  獲得某個父項的子項數目
    @Override
    public int getChildrenCount(int parentPos) {
        return dataset.get(parentList[parentPos]).size();
    }

    //  獲得某個父項
    @Override
    public Object getGroup(int parentPos) {
        return dataset.get(parentList[parentPos]);
    }

    //  獲得某個父項的id
    @Override
    public long getGroupId(int parentPos) {
        return parentPos;
    }

    //  獲得某個父項的某個子項的id
    @Override
    public long getChildId(int parentPos, int childPos) {
        return childPos;
    }

    //  按函式的名字來理解應該是是否具有穩定的id，這個方法目前一直都是返回false，沒有去改動過
    @Override
    public boolean hasStableIds() {
        return false;
    }

    //  獲得父項顯示的view
    @Override
    public View getGroupView(int parentPos, boolean b, View view, ViewGroup viewGroup) {
        return view;
    }

    //  獲得子項顯示的view
    @Override
    public View getChildView(int parentPos, int childPos, boolean b, View view, ViewGroup viewGroup) {
        return view;
    }

    //  子項是否可選中，如果需要設定子項的點選事件，需要返回true
    @Override
    public boolean isChildSelectable(int i, int i1) {
        return false;
    }
 }

其中註釋說明了每個方法的作用，這個adapter的所有資料來源都是剛剛初始化的dataset，因此當這個adapter需要返回父項的數目時，返回的就是dataset的大小，如果需要返回某個父項的某個子項時，通過父項的position，使用map的get方法即可獲得。自定義的類中最重要的是下面這兩個方法，下面先介紹getGroupView方法：

        //  獲得父項顯示的view
        @Override
        public View getGroupView(int parentPos, boolean b, View view, ViewGroup viewGroup) {
            if (view == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandableListViewTestActivity
                        .this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                view = inflater.inflate(R.layout.parent_item, null);
            }
            view.setTag(R.layout.parent_item, parentPos);
            view.setTag(R.layout.child_item, -1);
            TextView text = (TextView) view.findViewById(R.id.parent_title);
            text.setText(parentList[parentPos]);
            return view;
        }
這個方法用來指定父項顯示的樣式，內容和行為，其中使用了parent_item佈局：
<?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">
    <TextView
        android:id="@+id/parent_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:text="這是父item"
        android:layout_margin="5dp"/>
</LinearLayout>
佈局很簡單，只是一個LinearLayout包含了一個TextView。

getGroupView方法先判斷view是否為空，如果view不為空，說明已經載入過一次parent_item佈局，因此不需要重複載入以提高效率。如果view為空，那麼使用如下方法載入parent_item佈局：

if (view == null) {
    LayoutInflater inflater = (LayoutInflater) ExpandableListViewTestActivity
                   .this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    view = inflater.inflate(R.layout.parent_item, null);
}
然後定義父項的內容和行為，這裡只需要定義父項的內容，先通過id獲得parent_item佈局中的TextView，然後通過方法提供的parentPos引數獲取到存放在dataset中的內容，呼叫TextView的setText方法即可設定父項要顯示的內容：
TextView text = (TextView) view.findViewById(R.id.parent_title);
text.setText(parentList[parentPos]);

然後將view返回即可。

接下來是getChildView方法：

        //  獲得子項顯示的view
        @Override
        public View getChildView(int parentPos, int childPos, boolean b, View view, ViewGroup viewGroup) {
            if (view == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandableListViewTestActivity
                        .this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                view = inflater.inflate(R.layout.child_item, null);
            }
            view.setTag(R.layout.parent_item, parentPos);
            view.setTag(R.layout.child_item, childPos);
            TextView text = (TextView) view.findViewById(R.id.child_title);
            text.setText(dataset.get(parentList[parentPos]).get(childPos));
            text.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(ExpandableListViewTestActivity.this, "點到了內建的textview", Toast.LENGTH_SHORT).show();
                }
            });
            return view;
        }
這個方法用於定義子項的佈局，內容和行為，同樣需要一個child_item來指定子項的佈局： 
<?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">
    <TextView
        android:id="@+id/child_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@color/black"
        android:text="這是子item"
        android:layout_margin="5dp"/>
</LinearLayout>
關於view的處理和父項一樣，這裡在方法中還給子項顯示內容的textview添加了一個點選的監聽器。

adapter自定義完之後，通過宣告一個Adapter，例項化後呼叫setAdapter方法即可：

private MyExpandableListViewAdapter adapter;
adapter = new MyExpandableListViewAdapter();
listview.setAdapter(adapter);
至此，最基本的ExpandableListView的使用就可以滿足啦

二、稍微複雜一點的使用方法

1、為子項新增點選的監聽事件，效果圖：


只需要呼叫ExpandableListView的setOnChildClickListener方法即可：

        listview.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
            @Override
            public boolean onChildClick(ExpandableListView expandableListView, View view,
                                        int parentPos, int childPos, long l) {
                Toast.makeText(ExpandableListViewTestActivity.this,
                        dataset.get(parentList[parentPos]).get(childPos), Toast.LENGTH_SHORT).show();
                return true;
            }
        });
這裡在每個子項被點選了之後會顯示是哪個子項被點選了
特別注意
（1）在使用這個方法的時候需要將自定義的adapter中的isChildSelectable方法的返回值設定為true，否則子項的點選不生效，但子項佈局中設定的控制元件的監聽器依然可以生效。
        //  子項是否可選中，如果需要設定子項的點選事件，需要返回true
        @Override
        public boolean isChildSelectable(int i, int i1) {
            return true;
        }
（2）如果在子項中對某個控制元件設定了監聽器，這個控制元件要注意不能鋪滿整個子項，所以在設定高度和寬度時要特別注意，否則設定了子項的監聽器也是沒有用的 
2、為子項新增長按的監聽器
在ExpandableListView中並沒有提供設定子項長按監聽器的方法，多方查詢之後找到了一個算是比較靠譜的方法，目前用起來暫時還沒有什麼問題，有問題再來更新這篇文章。
效果圖：
ExpandableListView中關於長按有一個setOnItemLongClickListener方法，但是這個方法有個問題，沒辦法區分被長按的item是父項還是子項，所以需要在自定義adapter的getGroupView方法和getChildView方法中加一點東西來區分是父項還是子項：
完整的getGroupView方法和getChildView方法：
        //  獲得父項顯示的view
        @Override
        public View getGroupView(int parentPos, boolean b, View view, ViewGroup viewGroup) {
            if (view == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandableListViewTestActivity
                        .this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                view = inflater.inflate(R.layout.parent_item, null);
            }
            view.setTag(R.layout.parent_item, parentPos);
            view.setTag(R.layout.child_item, -1);
            TextView text = (TextView) view.findViewById(R.id.parent_title);
            text.setText(parentList[parentPos]);
            return view;
        }

        //  獲得子項顯示的view
        @Override
        public View getChildView(int parentPos, int childPos, boolean b, View view, ViewGroup viewGroup) {
            if (view == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandableListViewTestActivity
                        .this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                view = inflater.inflate(R.layout.child_item, null);
            }
            view.setTag(R.layout.parent_item, parentPos);
            view.setTag(R.layout.child_item, childPos);
            TextView text = (TextView) view.findViewById(R.id.child_title);
            text.setText(dataset.get(parentList[parentPos]).get(childPos));
            text.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(ExpandableListViewTestActivity.this, "點到了內建的textview",
                            Toast.LENGTH_SHORT).show();
                }
            });
            return view;
        }
這裡用到了view的setTag方法，一共設定了兩個Tag，標籤雖然在設定的時候提示說只要int型別即可，但一開始使用0和1來做tag的時候，顯示沒有報錯，但編譯執行就報錯了，要求是資原始檔的id才行，因此換成了R.layout.parent_item和R.layout.child_item。
如果是父項，就設定R.layout.parent_item為第幾個父項，設定R.layout.child_item為-1。如果是子項，就設定R.layout.parent_item屬於第幾個父項，設定R.layout.child_item為該父項的第幾個子項，這樣就可以區分被長按的是父項還是子項了。
然後設定ExpandableListView長按item的監聽器：
listview.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> adapterView, View view, int i, long l) {
                String content = "";
                if ((int) view.getTag(R.layout.child_item) == -1) {
                    content = "父類第" + view.getTag(R.layout.parent_item) + "項" + "被長按了";
                } else {
                    content = "父類第" + view.getTag(R.layout.parent_item) + "項" + "中的"
                            + "子類第" + view.getTag(R.layout.child_item) + "項" + "被長按了";
                }
                Toast.makeText(ExpandableListViewTestActivity.this, content, Toast.LENGTH_SHORT).show();
                return true;
            }
 });
這樣就可以區分父項和子項了。
3、更新資料
列表項更新資料一般使用的都是adapter的notifyDataSetChanged()方法，ExpandableListView也不例外，下面展示一下怎麼更新資料。
效果圖：
首先要在原先的expandable_layout.xml檔案中新增一個按鈕，用來更新資料：
<?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"
    android:orientation="vertical">
    <ExpandableListView
        android:id="@+id/expandablelistview"
        android:layout_margin="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/updateData"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_gravity="center"
        android:text="重新整理資料"/>
</LinearLayout>
然後在Activity檔案中引入這個Button：
private Button button;
button = (Button) findViewById(R.id.updateData);
為button設定點選的監聽器：
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                updateData();
                Toast.makeText(ExpandableListViewTestActivity.this, "資料已更新", Toast.LENGTH_SHORT).show();
            }
        });
其中updateData()方法就是用於更新ExpandableListView的方法，看一下具體的實現：
    /**
     * 更新資料
     */
    private void updateData() {
        childrenList1.clear();
        childrenList1.add(parentList[0] + "-new-" + "first");
        childrenList1.add(parentList[0] + "-new-" + "second");
        childrenList1.add(parentList[0] + "-new-" + "third");
        childrenList2.clear();
        childrenList2.add(parentList[1] + "-new-" + "first");
        childrenList2.add(parentList[1] + "-new-" + "second");
        childrenList2.add(parentList[1] + "-new-" + "third");
        childrenList3.clear();
        childrenList3.add(parentList[2] + "-new-" + "first");
        childrenList3.add(parentList[2] + "-new-" + "second");
        childrenList3.add(parentList[2] + "-new-" + "third");
        adapter.notifyDataSetChanged();
    }
還記得上面初始化資料的時候使用的childrenList1、childrenList2、childrenList3嗎，這三個列表是我們用來放子項列表，然後已經新增到dataset裡面去了。這個時候無需再用dataset新增一次，只需要將列表清空，新增上更新的內容即可。也可以根據自己的需求選擇性地刪除一些東西來獲得新的子項列表。
需要注意的是，子項列表在記憶體中的地址是不可以改變的，不能使用形如childrenList1 = new ArrayList<>();這樣的方法來獲的新列表，這樣會使childrenList1在記憶體中的地址發生改變，導致呼叫adapter的notifyDataSetChanged()方法時不生效。所以如果想要清空這個列表項時，使用childrenList1.clear()方法，這樣才能保證順利更新列表。
文章中使用的程式碼原始碼已放上github：https://github.com/sysukehan/AndroidTests.git，存放在ExpandableListViewTest模組下
關於ExpandableListView的使用方法先說到這裡，以後如果有問題或者有東西要補充再更新這篇文章

相關推薦

Android程序守護，讓APP在系統記憶體中常駐（一）

       其實我們開發者並不想讓自己做的應用變成流氓軟體，但是沒辦法， 你的老闆需要，你要不想讓你的應用常駐，那咱就常駐不了了。。。所以說，言歸正傳。。。       第一篇準備使用系統的服務保活。如果想看提高app的程序等級來實現應用保活，可以直接進行點選Androi

Android 插件（一）之類加載器

load ron 概念 基本概念 android oid ont 基本上 style 1、類加載器基本概念 　　類加載器（class loader）用來加載 Java 類到 Java 虛擬機中。一般來說，Java 虛擬機使用 Java 類的方式如下：Java 源程序（.j

Android View動畫（一） --- scale

for -- 縮放 記錄 1.0 使用 tco 關於 mod 在我們做apk開發的過程中，如果要吸引用戶，就需要要做出來一個非常炫的界面，當然動畫是必不可少的，接下來就記錄和學習動畫相關…… 接下來就把平時的一些東西，慢慢的上傳上來，做一下記錄和保存 今天要講解的第一個

Android系統架構（一）

查詢 核心 手機 例如 ava 模塊 api 操作系統 運行 　　一、Android系統版本簡介 　　Android操作系統已占據了手機操作系統的大半壁江山，截至本文寫作時，Android操作系統系統版本及其詳細信息，已發生了變化，具體信息見下表，當然也可以訪問https:

android binder筆記（一）

ati ima ger 取數 manager nat 機構 聲明 tar 最近在看韋老師的android binder視頻 ，記錄下個人對視頻學習的理解。 學習需要記錄與分享，如果有誤，希望得到大家的指正！ IPC：兩個進程間數據通信的一種方式 RPC：一個進

Android 適配（一）

設計 固定 屏幕尺寸 inf bubuko bsp 單位 屏幕 打印機 一、Android適配基礎參數 1.常見分辨率（px） oppx 2340x1080 oppR15 2280x1080 oppor11sp 2160*1080 1

android 面試題（一）

程序 一個 如果 intent傳值 存儲 新的 有一個 數據類型 andro 1、Android中真實寬高，getWidth和getMeasuredWidth的區別：哪個計算的是真實的寬？ getWidth()：得到的是View在父Layout中布局好後的寬度值，如果沒有父

Android 開發：（一）安卓開發環境搭建與配置 (Windows和Mac )以及目錄結構介紹

（一）、windows版 一. 開發工具： 1.Android Studio:(http://www.androiddevtools.cn/) 2.Genymotion(虛擬機器):(http://www.genymotion.net/) （二）、Mac版 一

Android輸入系統（一）輸入事件傳遞流程和InputManagerService的誕生

本文首發於微信公眾號「劉望舒」 原文連結 : Android輸入系統的事件傳遞流程和IMS的誕生 相關文章 解析WMS系列 View體系系列 前言 很多同學可能會認為輸入系統是不是和View的事件分發有些關聯，確實是有些關聯，只不過View事件分發只能算是輸入系統事件傳遞的一部分。這個系列講的

Android錯誤日記（一）

匯入jar包後執行報出ClassNotFoundException異常： 匯入jar包時吧Android Private Libraries  remove掉了，導致異常出現 Android Private Libraries：表示放在libs裡面的ja

Android學習心得（一）：

1、活動類處理啟動與關閉活動的相關方法及說明 方法 說明 StartActivity（intent） 使用引數意圖啟動新活動，此方法是重寫Context類實現的原始版本 startA

Android知識點總結（一）

1、android:layout_weight 屬性的意義 1、權重的值指的是每個部件所佔剩餘空間的大小，該值與同級部件所佔空間大小有關。 2、例如，我們定義一個權重為 2 的 View，另一個 View 的權重是 1，那麼總數就是 3；這時第一個 View 佔據 2/3 的空間，第二個佔據

Android NDK開發（一）CMake構建工具使用

  一、Android studio中需要的外掛：   　　CMake   　　LLDB   　　NDK   二、專案配置 　　 　　①build.gardle的配置  ：多了兩個externalNativeBuild ：def

深入淺出Android單元測試（一）：單元測試基礎

想學習單元測試無從下手，本文對以最易懂的方式介紹單元測試。 若有錯漏，煩請斧正。轉載請註明出處。歡迎關注程式引力 作者：程式引力 | 謝一 （Evan Xie） 郵箱：[email protected] 軟體測試作為軟體質量的保障，有著十分重要的意義。按照不同

Android-螢幕滑動（一）

以動畫方式滑動到下一頁 下面用一個小demo來簡單記錄下用動畫的方式跳轉頁面到下一頁，直接上程式碼吧： 首先建立一個佈局檔案activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout

Android進階（一）： Launcher啟動過程

1.前言 最近一直在看 《Android進階解密》 的一本書，這本書編寫邏輯、流程都非常好，而且很容易看懂，非常推薦大家去看看（沒有收廣告費，單純覺得作者寫的很好）。 今天就將 Launcher 系統啟動過程 總結一下（基於Android 8.0 系統）。 文章

Android開發心得（一）

Android開發心得之MVC 這一個學期在上潘老師的系統設計與分析課程時，我們小組開發了基於安卓平臺的電影購票軟體。在開發過程中收穫了挺多，現在在課程結束前，把其分享出來。 MVC是軟體工程中的一種軟體架構模式，把軟體系統分為三個基本部分：模型（Model）、檢視（View）和控

Android入門筆記（一）

一、UI fragment 1.1 為什麼要使用 fragment 和對託管的相關理解        為了對元件進行更加靈活的控制，同時適應平板的大屏幕布局方式，所以引入 UI fragment 來對 UI 進行管理。fragment 類的作用與普通專案中的 avtivi

Android基礎筆記（一）

一.android四大元件 （一）android四大元件詳解 Android四大元件分別為activity、service、content provider、broadcast receiver。 1、activity （1）一個Activity通常就是一個單獨

Android Service 服務（一）—— Service

                一、 Service簡介Service是android 系統中的四大元件之一（Activity、Service、BroadcastReceiver、ContentProvider），它跟Activity的級別差不多，但不能自己執行只能後臺執行，並且可以和其他元件進行互動。ser