Android ExpandableListView的技巧和問題

来源:http://www.cnblogs.com/potato-zero/archive/2016/09/14/5870353.html
-Advertisement-
Play Games

前言： 最近一個多月在認真的學習Android和做項目，文章內容表達的不好或者理解錯了，希望大家評論指出。 :-) 本文是總結幾個比較常用且使用的技巧，和一個大家都會遇到的問題。 文章中大部分語句摘抄自一下兩篇大神寫的文章：（如果對ExpandableListView一無所知，建議按照順序去閱讀，遇 ...


前言：

最近一個多月在認真的學習Android和做項目，文章內容表達的不好或者理解錯了，希望大家評論指出。 :-)

本文是總結幾個比較常用且使用的技巧，和一個大家都會遇到的問題。

 

文章中大部分語句摘抄自一下兩篇大神寫的文章：（如果對ExpandableListView一無所知，建議按照順序去閱讀，遇到問題再看本文）

1、Android中ExpandableListView的使用

網址：http://blog.csdn.net/gyflyx/article/details/6461242

2、[Android UI設計]ExpandableListView詳解

網址：http://www.tuicool.com/articles/JjaMnqf 

 

ExpandableListView是Android中可以實現下拉ListView的一個控制項，是ListView的子類。

直接上圖，就是這麼一功能~

（點擊就會展開，再點擊就縮回去）

Android自帶的佈局不是這樣的，這個是自定義了Group和Child的佈局。

 

ExpandableListView的使用步驟：
1、在xml中定義一個ExpandableListView
2、在類中定義兩個List集合，用於存放Group/Child中的內容，並初始化內容
3、定義ExpandableListView的Adapter，繼承BaseExpanableListAdapter
例如：public class MyExpandableAdapter extends BaseExpandableListAdapter
4、最後給定義好的ExpandableView添加上Adapter

 

這裡就貼出兩個子佈局的代碼和MyExpandableAdapter的代碼~

expandlist_group.xml

<?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="70dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="#d1d1d1"
        android:layout_marginTop="15dp">

        <TextView
            android:id="@+id/tv_group_name"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:text="小貓"
            android:textColor="#ffffff"
            android:textSize="20sp"
            android:gravity="center_vertical"/>


        <ImageView
            android:id="@+id/iv_arrow"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="20dp"
            android:background="@drawable/right_arrow"/>

    </RelativeLayout>



</LinearLayout>

 

expandlist_item.xml

<?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="45dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="#b3b3b3">

        <TextView
            android:id="@+id/tv_child_name"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:text="聲音1"
            android:textColor="#ffffff"
            android:textSize="20sp"
            android:gravity="center_vertical"/>


        <ImageView
            android:id="@+id/iv_sound"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="20dp"
            android:background="@drawable/sound"/>

        <ImageView
            android:id="@+id/iv_divider"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#ecf0f1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_alignParentTop="true"/>

    </RelativeLayout>


</LinearLayout>

 

MyExpandableAdapter.java

public class MyExpandableAdapter extends BaseExpandableListAdapter {

    private List<String> groupArray;
    private List<List<String>> childArray;
    private Context mContext;

    public MyExpandableAdapter(Context context, List<String> groupArray, List<List<String>> childArray){
        mContext = context;
        this.groupArray = groupArray;
        this.childArray = childArray;
    }

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

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

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

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childArray.get(groupPosition).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 true;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        View view = convertView;
        GroupHolder holder = null;
        if(view == null){
            holder = new GroupHolder();
            view = LayoutInflater.from(mContext).inflate(R.layout.expandlist_group, null);
            holder.groupName = (TextView)view.findViewById(R.id.tv_group_name);
            holder.arrow = (ImageView)view.findViewById(R.id.iv_arrow);
            view.setTag(holder);
        }else{
            holder = (GroupHolder)view.getTag();
        }

        //判斷是否已經打開列表
        if(isExpanded){
            holder.arrow.setBackgroundResource(R.drawable.dowm_arrow);
        }else{
            holder.arrow.setBackgroundResource(R.drawable.right_arrow);
        }

        holder.groupName.setText(groupArray.get(groupPosition));

        return view;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        View view = convertView;
        ChildHolder holder = null;
        if(view == null){
            holder = new ChildHolder();
            view = LayoutInflater.from(mContext).inflate(R.layout.expandlist_item, null);
            holder.childName = (TextView)view.findViewById(R.id.tv_child_name);
            holder.sound = (ImageView)view.findViewById(R.id.iv_sound);
            holder.divider = (ImageView)view.findViewById(R.id.iv_divider);
            view.setTag(holder);
        }else{
            holder = (ChildHolder)view.getTag();
        }

        if(childPosition == 0){
            holder.divider.setVisibility(View.GONE);
        }

        holder.sound.setBackgroundResource(R.drawable.sound);
        holder.childName.setText(childArray.get(groupPosition).get(childPosition));

        return view;
    }

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

    class GroupHolder{
        public TextView groupName;
        public ImageView arrow;
    }

    class ChildHolder{
        public TextView childName;
        public ImageView sound;
        public ImageView divider;
    }
}

 

有一下幾點需要註意的：

1.設置指示器

有人也許會發現效果圖中沒有預設箭頭(指示器)，因為我隱藏了啊~

ExpandableListView expandableListView;

...省略獲取id得到實例的代碼
expandableListView.setGroupIndicator(null)，這樣就是設置沒有指示器，就是預設的箭頭。

如果剛剛的代碼，沒有設置隱藏指示器就是下圖的效果：

（這樣就不好看了！！）

 

2.自定義指示器

隱藏了就要自定義一個指示器了喔。


在ExpandableAdapter中的getGroupView中參數有一個參數是isExpanded，代表當前Group是否已經打開。

關鍵代碼：

//判斷是否已經打開列表
        if(isExpanded){
            holder.arrow.setBackgroundResource(R.drawable.dowm_arrow);
        }else{
            holder.arrow.setBackgroundResource(R.drawable.right_arrow);
        }

打開了就返回true，沒有打開就返回false。

 

3.預設打開某一個Group

ExpandableListView expandableListView;

...省略獲取id得到實例的代碼

expandableListView.expandGroup(int)

 

4.設置每一個item的高度

這個問題困擾了我很久，上面的兩個鏈接也沒有明確的說明，於是就百度了半天，終於找出答案了。
但是不知道為什麼，要嵌套佈局才可以，就是外面一個佈局設定高度，裡面再設定一個佈局也設定高度。然後實際上寬度和高度都是在第二個裡設置才有效。

下麵是expandlist_group.xml的部分代碼：

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="#d1d1d1"
        android:layout_marginTop="15dp">

①第一個佈局高度設置55dp，第二個佈局高度也設置55dp

效果是這樣的：

②第一個佈局高度設置75dp，第二個佈局高度也設置55dp

然而發現並沒有什麼用，所以推斷第二個佈局才是item的高度

這裡就演示這麼多了，動手實踐才是真理，大家可以試一試刪除其中一個佈局，高度是否還能正常設置。（我試過是不能喔）

 

第一次寫博客，希望對大家有幫助。睡覺~zzzzz


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 歸納總結Jquery的選擇器
    Jquery的選擇器有很多種，大概可分為9種，如下： (1)基本#id element .class * selector1,selector2,selectorN (2)層次選擇器：ancestor descendant parent > child prev + next prev ~ sibl ...
  • 博客園博文添加自定義右鍵菜單
    [1]頁面設計 [2]菜單邏輯 [3]功能實現 [4]完整源碼 ...
  • ie8以下不相容document.getElementsByName解決方法
    在IE8以認為只有文本標簽才有name屬性的，一些元素標簽用document.getElementsByName獲取不到DOM，如DIV，span等，這裡做一下相容。 HTML： 相容JS： 測試JS： ...
  • JS相容getElementsByClassName
    getElementsByClassName是通過class來獲取DOM，但是IE8及以下不能相容。這裡做了一下相容性。 HTML： 相容JS： 測試： 結果： IE7谷歌火狐 ...
  • 正則表達式的常用語法
    “正則表達式”描述在搜索文本正文時要匹配的一個或多個字元串。 該表達式可用作一個將字元模式與要搜索的字元串相匹配的模板。 正則表達式包括普通字元（例如，a 到 z 之間的字母）和特殊字元（稱為“元字元”）。 特殊字元 若要匹配這些特殊字元之一，必須首先轉義字元，即，在字元前面加反斜杠字元 (\)。  ...
  • 文字截斷
    在資料庫獲取一些新聞時，有時文字過多，為了不破壞佈局，常常需要只顯示一部分，這是需要用到文字截斷的功能。雖然css也可以實現，但是限制太多 css實現需要text-overflow:ellipsis;overflow:hidden;white-space:nowrap;三個屬性，另外還需要文本標簽寬 ...
  • CSS3實現輪播圖效果
    CSS3實現輪播圖主要是由css：background-position和css3：animation實現。且實現此輪播需要一張四個圖橫著相連的圖片。 註（Internet Explorer 10、Firefox 以及 Opera 支持 animation 屬性。Safari 和 Chrome 支持 ...
  • 給自己定個小目標
    給自己定一個小目標，一個禮拜完成100個inkscape案例。 今天完成picture on the wall ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類