Android中使用ExpandableListView實現好友分組

来源:http://www.cnblogs.com/panhouye/archive/2016/12/02/6127622.html
-Advertisement-
Play Games

一個視圖顯示垂直滾動兩級列表中的條目。這不同於列表視圖,允許兩個層次,類似於QQ的好友分組。要實現這個效果的整體思路為: 1.要給ExpandableListView 設置適配器,那麼必須先設置數據源。 2.數據源,就是此處的適配器類,此方法繼承了BaseExpandableListAdapter, ...


一個視圖顯示垂直滾動兩級列表中的條目。這不同於列表視圖,允許兩個層次,類似於QQ的好友分組。要實現這個效果的整體思路為:

1.要給ExpandableListView 設置適配器,那麼必須先設置數據源。

2.數據源,就是此處的適配器類,此方法繼承了BaseExpandableListAdapter,它是ExpandableListView的一個子類。需要重寫裡面的多個方法。方法的意思,代碼中都有詳細的註釋。數據源中,用到了自定義的View佈局,此時根據自己的需求,來設置組和子項的佈局樣式。getChildView()和getGroupView()方法設置自定義佈局。

3.數據源設置好,直接給ExpandableListView.setAdapter()即可實現此收縮功能。

下麵是我自己簡單做的一個顯示效果:

layout中主視圖expandable_layout.xml(ExpandableListView佈局):

 

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical" android:layout_width="match_parent"
 4     android:layout_height="match_parent">
 5     <ExpandableListView
 6         android:layout_width="match_parent"
 7         android:layout_height="match_parent"
 8         android:id="@+id/el">
 9     </ExpandableListView>
10 </LinearLayout>

 

Layoutgroup_layout.xml(分組組名展示佈局)

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:app="http://schemas.android.com/apk/res-auto"
 4     android:orientation="horizontal" android:layout_width="wrap_content"
 5     android:layout_height="wrap_content"
 6     android:gravity="center_vertical">
 7     <ImageView
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         app:srcCompat="@mipmap/ic_launcher"
11         android:id="@+id/iv_group" />
12     <TextView
13         android:text="TextView"
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content"
16         android:id="@+id/tv_group" />
17 </LinearLayout>

Layout中child_layout.xml(子菜單item佈局)

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:app="http://schemas.android.com/apk/res-auto"
 4     android:orientation="horizontal" android:layout_width="wrap_content"
 5     android:layout_height="wrap_content"
 6     android:gravity="center_vertical"
 7     android:paddingLeft="50dp">
 8     <ImageView
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         app:srcCompat="@mipmap/ic_launcher"
12         android:id="@+id/iv_item" />
13     <TextView
14         android:text="TextView"
15         android:layout_width="wrap_content"
16         android:layout_height="wrap_content"
17         android:id="@+id/tv_item" />
18 </LinearLayout>

Layout中alertdialog_layout.xml(AlertDialog自定義顯示佈局)

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical" android:layout_width="match_parent"
 4     android:layout_height="match_parent">
 5     <EditText
 6         android:layout_width="match_parent"
 7         android:layout_height="wrap_content"
 8         android:id="@+id/et"
 9         android:hint="請輸入想對他說的話"/>
10 </LinearLayout>

Activity中Java實現代碼(ExpandableListViewDemo.java):

 

  1 import android.content.DialogInterface;
  2 import android.os.Bundle;
  3 import android.support.annotation.Nullable;
  4 import android.support.v7.app.AlertDialog;
  5 import android.support.v7.app.AppCompatActivity;
  6 import android.view.View;
  7 import android.view.ViewGroup;
  8 import android.widget.BaseExpandableListAdapter;
  9 import android.widget.ExpandableListView;
 10 import android.widget.ImageView;
 11 import android.widget.TextView;
 12 import android.widget.Toast;
 13 /**
 14  * Created by panchengjia on 2016/12/2.
 15  */
 16 public class ExpandableListViewDemo extends AppCompatActivity {
 17     ExpandableListView el;
 18     //定義分組名以及對應的圖片數組,需一一對應
 19     String[] country={"魏國","蜀國","吳國"};
 20     int[] icon={R.mipmap.wei,R.mipmap.shu,R.mipmap.wu};
 21     //使用二維定義組內成員以及對應頭像,同樣需要以一一對應
 22     String[][] heros={{"司馬懿","郭嘉","夏侯惇","甄姬"},{"劉備","趙雲","張飛"},{"孫權","周瑜"}};
 23     int[][] icons={{R.mipmap.simayi,R.mipmap.guojia,R.mipmap.xiahoudun,R.mipmap.zhenji},
 24             {R.mipmap.liubei,R.mipmap.zhaoyun,R.mipmap.zhangfei},{R.mipmap.sunquan,R.mipmap.zhouyu}};
 25     @Override
 26     protected void onCreate(@Nullable Bundle savedInstanceState) {
 27         super.onCreate(savedInstanceState);
 28         setContentView(R.layout.expandable_layout);
 29         el= (ExpandableListView) findViewById(R.id.el);
 30         //設置點擊下拉子菜單的監聽事件
 31         el.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
 32             @Override
 33             public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
 34                 //獲取分組成員的姓名
 35                 TextView tv = (TextView) v.findViewById(R.id.tv_item);
 36                 String name = tv.getText().toString();
 37                 //調用show方法(自定義AlertDialog)
 38                 show(v,name);
 39                 return false;
 40             }
 41         });
 42         el.setAdapter(new MyAdapter());//設置自定義適配器
 43     }
 44     //定義show方法調出AlertDialog(不再贅述,詳情請看前期相關博文,文章末尾有鏈接)
 45     public void show(View v,String name){
 46         AlertDialog.Builder builder = new AlertDialog.Builder(this);
 47         builder.setTitle(name);//設置標題名為傳入的字元串(分組內點擊對應的人物名)
 48         View msg = getLayoutInflater().inflate(R.layout.altertdialog_layout,null);
 49         builder.setView(msg);
 50         builder.setPositiveButton("確定", new DialogInterface.OnClickListener() {
 51             @Override
 52             public void onClick(DialogInterface dialog, int which) {
 53                 Toast.makeText(ExpandableListViewDemo.this, "已發送", Toast.LENGTH_SHORT).show();
 54             }
 55         });
 56         builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
 57             @Override
 58             public void onClick(DialogInterface dialog, int which) {
 59                 Toast.makeText(ExpandableListViewDemo.this, "不想說了", Toast.LENGTH_SHORT).show();
 60             }
 61         });
 62         builder.show();
 63     }
 64     //設置自定義適配器
 65     class MyAdapter extends BaseExpandableListAdapter{
 66         //獲取國家個數
 67         @Override
 68         public int getGroupCount() {
 69             return country.length;
 70         }
 71         //獲取每個國家對應的人數
 72         @Override
 73         public int getChildrenCount(int groupPosition) {
 74             return heros[groupPosition].length;
 75         }
 76         //獲取對應國家名
 77         @Override
 78         public Object getGroup(int groupPosition) {
 79             return country[groupPosition];
 80         }
 81         //獲取對應國家對應的任務
 82         @Override
 83         public Object getChild(int groupPosition, int childPosition) {
 84             return heros[groupPosition][childPosition];
 85         }
 86         //獲取選擇的國家對應數組下標
 87         @Override
 88         public long getGroupId(int groupPosition) {
 89             return groupPosition;
 90         }
 91         //獲取選擇的任務對應數組下標
 92         @Override
 93         public long getChildId(int groupPosition, int childPosition) {
 94             return childPosition;
 95         }
 96         //表示人物和國家ID是否穩定的更改底層數據
 97         @Override
 98         public boolean hasStableIds() {
 99             return true;
100         }
101         //獲取一個視圖顯示國家名以及對應的圖標(ListView適配器優化)
102         @Override
103         public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
104             ViewHolder vh;
105             if(convertView==null){
106                 convertView=getLayoutInflater().inflate(R.layout.group_layout,null);
107                 vh=new ViewHolder();
108                 vh.tv= (TextView) convertView.findViewById(R.id.tv_group);
109                 vh.iv= (ImageView) convertView.findViewById(R.id.iv_group);
110                 convertView.setTag(vh);
111             }
112             vh= (ViewHolder) convertView.getTag();
113             vh.tv.setText(country[groupPosition]);
114             vh.iv.setImageResource(icon[groupPosition]);
115             return convertView;
116         }
117         //獲取一個視圖顯示國家對應人物以及對應的圖標(ListView適配器優化)
118         @Override
119         public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
120             ViewHolder vh;
121             if(convertView==null){
122                 convertView=getLayoutInflater().inflate(R.layout.child_layout,null);
123                 vh=new ViewHolder();
124                 vh.tv= (TextView) convertView.findViewById(R.id.tv_item);
125                 vh.iv= (ImageView) convertView.findViewById(R.id.iv_item);
126                 convertView.setTag(vh);
127             }
128             vh= (ViewHolder) convertView.getTag();
129             vh.tv.setText(heros[groupPosition][childPosition]);
130             vh.iv.setImageResource(icons[groupPosition][childPosition]);
131             return convertView;
132         }
133         class ViewHolder{
134             ImageView iv;
135             TextView tv;
136         }
137         //設置子選項(對應人物)是可選的
138         @Override
139         public boolean isChildSelectable(int groupPosition, int childPosition) {
140             return true;
141         }
142     }
143 }

 

補充說明:

java實現代碼中用到自定義適配器ListView的優化,優化步驟如下:

(1)使用固定寬高(match_parent)的ListView,有助於在填充item(ListView中每行的佈局)時避免重覆渲染ListView組件,導致重覆多次調用getView方法。

(2)Convertview用來重覆使用已被隱藏的item對象,從而避免重覆創建每個item的view對象。

(3)使用ViewHolder優化提高容器中查找組件的效率。

相關博文鏈接:

Android中的AlertDialog使用示例五(自定義對話框)

 


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

-Advertisement-
Play Games
更多相關文章
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { height: 300px; width: 300px; background-color: gre ...
  • CSS padding margin border屬性詳解 圖解CSS padding、margin、border屬性W3C組織建議把所有網頁上的對像都放在一個盒(box)中,設計師可以通過創建定義來控制這個盒的屬性,這些對像包括段落、列表、標題、圖片以及層。盒模型主要定義四個區域:內容(conte ...
  • 1.使用<script>元素向HTML頁面中插入Javascript HTML4.01中<script>標簽有6個屬性: (1)async:可選。表示立即下載腳本,不影響頁面中其他資源的下載。只對外部腳本文件有效。 (2)charset:可選。表示通過scr屬性指定的代碼的字元集。(因為大多數瀏覽器 ...
  • FCC中的javascript中級演算法題解答 中級演算法的題目中用到了很多js的知識點,比如迭代,閉包,以及對json數據的使用等等,現在將自己中級演算法的解答思路整理出來供大家參考討論。歡迎大家提出新的思路,寫出更簡單的解法。 說明:最小的數字並非總在最前面 如:sumAll([4, 1]) 應該返回 ...
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #menu { height: 200px; width: 50px; border: 1px solid gra ...
  • 案例分析:前端自動化 1. 實現一個自動創建前端項目文件的js 通過node.js自動創建前端項目目錄,包括js目錄,js目錄css目錄,index.html和對應的內容。 初步的代碼如下: 2.實現一個對合併文件夾內容的程式 場景描述:在前端開發中,常常需要對幾個文件的代碼進行合併。試想,在伺服器 ...
  • CSS常用標簽 一 CSS文字屬性 color : #999999; /*文字顏色*/ font-family : 宋體,sans-serif; /*文字字體*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜體*/ font-variant:s ...
  • 在我的這篇博客裡面說明瞭本地獲得設備udid的方法,但是只能在模擬器中獲得http://www.cnblogs.com/liyy2015/p/6090204.html 當然可以在設備上集成蘋果的MDM獲得設備的很多信息,如果只是想獲得udid,那集成麻煩的mdm就沒必要了 在這裡讓你的手機安裝一個描 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 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 ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...