Android仿QQ好友列表分组实现增删改及持久化

本是古典何须时尚 2022-06-07 10:21 425阅读 0赞

*  # Android仿QQ好友列表分组实现增删改及持久化 #
    
    这篇文章主要介绍了Android仿QQ好友列表分组实现增删改及持久化的相关资料,需要的朋友可以参考下
    
    Android自带的控件ExpandableListView实现了分组列表功能，本案例在此基础上进行优化，为此控件添加增删改分组及子项的功能，以及列表数据的持久化。
    
    Demo实现效果：
    
    ![201611992927595.jpg_201601992942][]
    
    GroupListDemo具体实现：
    
    **①demo中将列表页面设计为Fragment页面，方便后期调用；在主界面MainActivity中动态添加GroupListFragment页面；**
    
    MainActivity.java
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>package</code> 
          <code> com.eric.grouplistdemo; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.app.Activity; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.app.Fragment; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.app.FragmentManager; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.os.Bundle; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.RelativeLayout; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>public</code> 
          <code> class</code> 
          <code>MainActivity </code> 
          <code>extends</code> 
          <code>Activity { </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>GroupListFragment fragment; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>protected</code> 
          <code>void</code> 
          <code>onCreate(Bundle savedInstanceState) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>super</code> 
          <code>.onCreate(savedInstanceState); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>setContentView(R.layout.activity_main); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>fragment = </code> 
          <code>new</code> 
          <code>GroupListFragment(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>getFragmentManager().beginTransaction() </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>.replace(R.id.fragContainer, fragment).commit(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>} </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    动态添加GroupListFragment实例到界面的fragContainer布局中；将fragment声明为static用于在Adapter中组添加子项时进行调用。
    
    activity\_main.xml
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>LinearLayout</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:orientation</code> 
          <code>=</code> 
          <code>"vertical"</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>RelativeLayout</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/fragContainer"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;/</code> 
          <code>RelativeLayout</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>LinearLayout</code> 
          <code>&gt; </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    **②实现自定义适配器类MyAdapter，继承自BaseExpandableListAdapter；组项布局及子项布局；**
    
    list\_item\_parent.xml组项布局文件，展开图标及名称，增删图标；
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> 
        <div>
          25 
        </div> 
        <div>
          26 
        </div> 
        <div>
          27 
        </div> 
        <div>
          28 
        </div> 
        <div>
          29 
        </div> 
        <div>
          30 
        </div> 
        <div>
          31 
        </div> 
        <div>
          32 
        </div> 
        <div>
          33 
        </div> 
        <div>
          34 
        </div> 
        <div>
          35 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>RelativeLayout</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"50dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:background</code> 
          <code>=</code> 
          <code>"#0099ff"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:orientation</code> 
          <code>=</code> 
          <code>"horizontal"</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ImageView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/image_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"50dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"50dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:src</code> 
          <code>=</code> 
          <code>"@drawable/image_parent1"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>TextView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/text_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"wrap_content"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"50dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textColor</code> 
          <code>=</code> 
          <code>"#FFF"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textSize</code> 
          <code>=</code> 
          <code>"20sp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:text</code> 
          <code>=</code> 
          <code>"parent1"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_toRightOf</code> 
          <code>=</code> 
          <code>"@id/image_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:gravity</code> 
          <code>=</code> 
          <code>"center"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ImageView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/image_delete"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_centerVertical</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_alignParentRight</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:src</code> 
          <code>=</code> 
          <code>"@drawable/delete"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ImageView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/image_add"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_centerVertical</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_toLeftOf</code> 
          <code>=</code> 
          <code>"@id/image_delete"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:src</code> 
          <code>=</code> 
          <code>"@drawable/add"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>RelativeLayout</code> 
          <code>&gt;</code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    list\_item\_child.xml子项布局文件，名称及删除图标；
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>RelativeLayout</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>TextView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/text_child"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"wrap_content"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_margin</code> 
          <code>=</code> 
          <code>"5dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textColor</code> 
          <code>=</code> 
          <code>"#0099ff"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:text</code> 
          <code>=</code> 
          <code>"child"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_centerInParent</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:gravity</code> 
          <code>=</code> 
          <code>"center"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ImageView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/image_delete"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_alignParentRight</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_centerVertical</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:src</code> 
          <code>=</code> 
          <code>"@drawable/delete"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>RelativeLayout</code> 
          <code>&gt; </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    MyAdapter.java自定义适配器
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> 
        <div>
          25 
        </div> 
        <div>
          26 
        </div> 
        <div>
          27 
        </div> 
        <div>
          28 
        </div> 
        <div>
          29 
        </div> 
        <div>
          30 
        </div> 
        <div>
          31 
        </div> 
        <div>
          32 
        </div> 
        <div>
          33 
        </div> 
        <div>
          34 
        </div> 
        <div>
          35 
        </div> 
        <div>
          36 
        </div> 
        <div>
          37 
        </div> 
        <div>
          38 
        </div> 
        <div>
          39 
        </div> 
        <div>
          40 
        </div> 
        <div>
          41 
        </div> 
        <div>
          42 
        </div> 
        <div>
          43 
        </div> 
        <div>
          44 
        </div> 
        <div>
          45 
        </div> 
        <div>
          46 
        </div> 
        <div>
          47 
        </div> 
        <div>
          48 
        </div> 
        <div>
          49 
        </div> 
        <div>
          50 
        </div> 
        <div>
          51 
        </div> 
        <div>
          52 
        </div> 
        <div>
          53 
        </div> 
        <div>
          54 
        </div> 
        <div>
          55 
        </div> 
        <div>
          56 
        </div> 
        <div>
          57 
        </div> 
        <div>
          58 
        </div> 
        <div>
          59 
        </div> 
        <div>
          60 
        </div> 
        <div>
          61 
        </div> 
        <div>
          62 
        </div> 
        <div>
          63 
        </div> 
        <div>
          64 
        </div> 
        <div>
          65 
        </div> 
        <div>
          66 
        </div> 
        <div>
          67 
        </div> 
        <div>
          68 
        </div> 
        <div>
          69 
        </div> 
        <div>
          70 
        </div> 
        <div>
          71 
        </div> 
        <div>
          72 
        </div> 
        <div>
          73 
        </div> 
        <div>
          74 
        </div> 
        <div>
          75 
        </div> 
        <div>
          76 
        </div> 
        <div>
          77 
        </div> 
        <div>
          78 
        </div> 
        <div>
          79 
        </div> 
        <div>
          80 
        </div> 
        <div>
          81 
        </div> 
        <div>
          82 
        </div> 
        <div>
          83 
        </div> 
        <div>
          84 
        </div> 
        <div>
          85 
        </div> 
        <div>
          86 
        </div> 
        <div>
          87 
        </div> 
        <div>
          88 
        </div> 
        <div>
          89 
        </div> 
        <div>
          90 
        </div> 
        <div>
          91 
        </div> 
        <div>
          92 
        </div> 
        <div>
          93 
        </div> 
        <div>
          94 
        </div> 
        <div>
          95 
        </div> 
        <div>
          96 
        </div> 
        <div>
          97 
        </div> 
        <div>
          98 
        </div> 
        <div>
          99 
        </div> 
        <div>
          100 
        </div> 
        <div>
          101 
        </div> 
        <div>
          102 
        </div> 
        <div>
          103 
        </div> 
        <div>
          104 
        </div> 
        <div>
          105 
        </div> 
        <div>
          106 
        </div> 
        <div>
          107 
        </div> 
        <div>
          108 
        </div> 
        <div>
          109 
        </div> 
        <div>
          110 
        </div> 
        <div>
          111 
        </div> 
        <div>
          112 
        </div> 
        <div>
          113 
        </div> 
        <div>
          114 
        </div> 
        <div>
          115 
        </div> 
        <div>
          116 
        </div> 
        <div>
          117 
        </div> 
        <div>
          118 
        </div> 
        <div>
          119 
        </div> 
        <div>
          120 
        </div> 
        <div>
          121 
        </div> 
        <div>
          122 
        </div> 
        <div>
          123 
        </div> 
        <div>
          124 
        </div> 
        <div>
          125 
        </div> 
        <div>
          126 
        </div> 
        <div>
          127 
        </div> 
        <div>
          128 
        </div> 
        <div>
          129 
        </div> 
        <div>
          130 
        </div> 
        <div>
          131 
        </div> 
        <div>
          132 
        </div> 
        <div>
          133 
        </div> 
        <div>
          134 
        </div> 
        <div>
          135 
        </div> 
        <div>
          136 
        </div> 
        <div>
          137 
        </div> 
        <div>
          138 
        </div> 
        <div>
          139 
        </div> 
        <div>
          140 
        </div> 
        <div>
          141 
        </div> 
        <div>
          142 
        </div> 
        <div>
          143 
        </div> 
        <div>
          144 
        </div> 
        <div>
          145 
        </div> 
        <div>
          146 
        </div> 
        <div>
          147 
        </div> 
        <div>
          148 
        </div> 
        <div>
          149 
        </div> 
        <div>
          150 
        </div> 
        <div>
          151 
        </div> 
        <div>
          152 
        </div> 
        <div>
          153 
        </div> 
        <div>
          154 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>package</code> 
          <code> com.eric.grouplistdemo; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.List; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.Map; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.content.Context; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.util.Log; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.LayoutInflater; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.View; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.View.OnClickListener; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.ViewGroup; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.BaseExpandableListAdapter; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.EditText; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.ImageView; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.TextView; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>public</code> 
          <code> class</code> 
          <code>MyAdapter </code> 
          <code>extends</code> 
          <code>BaseExpandableListAdapter{ </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>List&lt;String&gt; parentList; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>Map&lt;String,List&lt;String&gt;&gt; map; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>Context context; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>EditText edit_modify; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>ModifyDialog dialog; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//构造函数 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>MyAdapter(Context context, List&lt;String&gt; parentList, Map&lt;String,List&lt;String&gt;&gt; map) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>this</code> 
          <code>.context = context; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>this</code> 
          <code>.parentList = parentList; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>this</code> 
          <code>.map = map; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取分组数 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>int</code> 
          <code>getGroupCount() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>parentList.size(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取当前组的子项数 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>int</code> 
          <code>getChildrenCount(</code> 
          <code>int</code> 
          <code>groupPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>childCount = map.get(groupName).size(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>childCount; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取当前组对象 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>Object getGroup(</code> 
          <code>int</code> 
          <code>groupPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>groupName; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取当前子项对象 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>Object getChild(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String chidlName = map.get(groupName).get(childPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>chidlName; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取组ID </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>long</code> 
          <code>getGroupId(</code> 
          <code>int</code> 
          <code>groupPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>groupPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//获取子项ID </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>long</code> 
          <code>getChildId(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>childPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>boolean</code> 
          <code>hasStableIds() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>true</code> 
          <code>; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//组视图初始化 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>View getGroupView(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>boolean</code> 
          <code>isExpanded, </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>View convertView, ViewGroup parent) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>final</code> 
          <code>int</code> 
          <code>groupPos = groupPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(convertView == </code> 
          <code>null</code> 
          <code>){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>convertView = LayoutInflater.from(context).inflate(R.layout.list_item_parent, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>ImageView image = (ImageView) convertView.findViewById(R.id.image_parent); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>ImageView image_add = (ImageView) convertView.findViewById(R.id.image_add); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>ImageView image_delete = (ImageView) convertView.findViewById(R.id.image_delete); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(isExpanded){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>image.setImageResource(R.drawable.image_parent2); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}</code> 
          <code>else</code> 
          <code>{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>image.setImageResource(R.drawable.image_parent1); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>image_add.setOnClickListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>alertAddDialog(MainActivity.fragment.getActivity(), </code> 
          <code>"新增子项"</code> 
          <code>, groupPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>image_delete.setOnClickListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>GroupListFragment.deleteGroup(groupPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>TextView parentText = (TextView) convertView.findViewById(R.id.text_parent); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>parentText.setText(parentList.get(groupPosition)); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>convertView; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//子项视图初始化 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>View getChildView(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition, </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>boolean</code> 
          <code>isLastChild, View convertView, ViewGroup parent) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>final</code> 
          <code>int</code> 
          <code>groupPos = groupPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>final</code> 
          <code>int</code> 
          <code>childPos = childPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(convertView == </code> 
          <code>null</code> 
          <code>){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>convertView = LayoutInflater.from(context).inflate(R.layout.list_item_child, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>TextView childText = (TextView) convertView.findViewById(R.id.text_child); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>ImageView image_delete = (ImageView) convertView.findViewById(R.id.image_delete); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String parentName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String childName = map.get(parentName).get(childPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>childText.setText(childName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>image_delete.setOnClickListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>GroupListFragment.deleteChild(groupPos, childPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>convertView; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>boolean</code> 
          <code>isChildSelectable(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>true</code> 
          <code>; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//弹新增子项对话框 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>alertAddDialog(Context context, String title, </code> 
          <code>int</code> 
          <code>currentGroup){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>final</code> 
          <code>int</code> 
          <code>group = currentGroup; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog = </code> 
          <code>new</code> 
          <code>ModifyDialog(context, title, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>edit_modify = dialog.getEditText(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.setOnClickCommitListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>GroupListFragment.addChild(group, edit_modify.getText().toString()); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>dialog.dismiss(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>} </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    **构造函数：**将传入的parentList和map进行数据同步，parentList保存组数据，map保存对应组及其子项list数据；  
    获取分组数及子项数等很简单，就不介绍了，主要讲述一下，组视图初始化和子项视图初始化这两个函数；
    
    **组视图初始化getGroupView()：**尽量复用convertView防止内存泄露，首先是进行判断，若convertView为空，则进行组视图初始化，加载list\_item\_parent子项布局；获取到相应的组布局控件：展开图标image、添加图标image\_add、删除图标image\_delete；通过传递过来的布尔类型参数isExpanded，进行判断给image赋值展开图标或合并图标；分别给添加图标和删除图标添加点击事件，分别调用GroupListFragment中的弹出添加窗口函数alertAddDialog()和删除组函数deleteGroup()；
    
    **子项视图初始化getChildView()：**同样尽量复用convertView防止内存泄露，首先是进行判断，若convertView为空，则进行子项视图初始化，加载list\_item\_child子项布局；获取到相应的子布局控件：内容文本ChildText和删除图标Image\_delete；从parentList和map中分别获取到，当前子项的组名parentName和子项名childName，赋值ChildText，删除图标添加点击事件，调用删除子项函数deleteChild()；
    
    **③实现自定义对话框类ModifyDialog，继承自Dialog类，对输入修改内容，或新增项内容进行过渡；**
    
    no\_title\_dialog.xml，在values目录下自定义Dialog的style类型xml，除去Dialog的标题栏；  
    
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>resources</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>style</code> 
          <code>name</code> 
          <code>=</code> 
          <code>"noTitleDialog"</code> 
          <code>parent</code> 
          <code>=</code> 
          <code>"android:style/Theme.Dialog"</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>&lt;</code> 
          <code>item</code> 
          <code>name</code> 
          <code>=</code> 
          <code>"android:width"</code> 
          <code>&gt;300dp&lt;/</code> 
          <code>item</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>&lt;</code> 
          <code>item</code> 
          <code>name</code> 
          <code>=</code> 
          <code>"android:height"</code> 
          <code>&gt;40dp&lt;/</code> 
          <code>item</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>&lt;</code> 
          <code>item</code> 
          <code>name</code> 
          <code>=</code> 
          <code>"android:windowNoTitle"</code> 
          <code>&gt;true&lt;/</code> 
          <code>item</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;/</code> 
          <code>style</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>resources</code> 
          <code>&gt; </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    dialog\_modify.xml 自定义对话框的布局文件，标题文本，输入框，确定按钮；
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> 
        <div>
          25 
        </div> 
        <div>
          26 
        </div> 
        <div>
          27 
        </div> 
        <div>
          28 
        </div> 
        <div>
          29 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>LinearLayout</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:orientation</code> 
          <code>=</code> 
          <code>"vertical"</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>TextView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/text_title"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"wrap_content"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_gravity</code> 
          <code>=</code> 
          <code>"center_horizontal"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:gravity</code> 
          <code>=</code> 
          <code>"center"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:background</code> 
          <code>=</code> 
          <code>"#0099ff"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:text</code> 
          <code>=</code> 
          <code>"修改名称"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textColor</code> 
          <code>=</code> 
          <code>"#FFF"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textSize</code> 
          <code>=</code> 
          <code>"20sp"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>EditText</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/edit_modify"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"wrap_content"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:text</code> 
          <code>=</code> 
          <code>"组名称"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>Button</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/btn_commit"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"wrap_content"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:text</code> 
          <code>=</code> 
          <code>"确定"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:textColor</code> 
          <code>=</code> 
          <code>"#FFF"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:background</code> 
          <code>=</code> 
          <code>"#0099ff"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>LinearLayout</code> 
          <code>&gt;</code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    ModifyDialog.java
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> 
        <div>
          25 
        </div> 
        <div>
          26 
        </div> 
        <div>
          27 
        </div> 
        <div>
          28 
        </div> 
        <div>
          29 
        </div> 
        <div>
          30 
        </div> 
        <div>
          31 
        </div> 
        <div>
          32 
        </div> 
        <div>
          33 
        </div> 
        <div>
          34 
        </div> 
        <div>
          35 
        </div> 
        <div>
          36 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>package</code> 
          <code> com.eric.grouplistdemo; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.app.Dialog; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.content.Context; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.LayoutInflater; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.View; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.Button; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.EditText; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.TextView; </code> 
         </div> 
         <div> 
          <code>public</code> 
          <code> class</code> 
          <code>ModifyDialog </code> 
          <code>extends</code> 
          <code>Dialog{ </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>TextView text_title; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>EditText edit_modify; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>Button btn_commit; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>ModifyDialog(Context context, String title, String name) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>super</code> 
          <code>(context, R.style.noTitleDialog); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>View view = LayoutInflater.from(getContext()) </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>.inflate(R.layout.dialog_modify, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>text_title = (TextView) view.findViewById(R.id.text_title); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>edit_modify = (EditText)view.findViewById(R.id.edit_modify); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>btn_commit = (Button) view.findViewById(R.id.btn_commit); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>text_title.setText(title); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>edit_modify.setText(name); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>super</code> 
          <code>.setContentView(view); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>EditText getEditText(){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>edit_modify; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>setOnClickCommitListener(View.OnClickListener listener){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>btn_commit.setOnClickListener(listener); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>}</code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    ModifyDialog自定义构造函数中，通过super()加载刚刚自定义的no\_title\_dialog.xml，声明View加载layout布局dialog\_modify.xml;并且获取布局中的相应控件，将构造函数中传来的字符串title和name，分别赋值到标题文本和输入框控件中；最后调用setContentView()初始化对话框视图；  
    添加一个返回输入框控件的函数getEditText()，用于获取输入框输入的内容；
    
    还需要一个自定义的点击事件监听器，绑定在确定按钮上；
    
    **④准备工作都完成了，下面就实现GroupListFragment，包括数据的初始化及持久化保存，组项和子项的增删改操作，列表子项点击事件，列表组项和子项的长按事件；**
    
    fragment\_group\_list.xml 页面的布局文件ExpandableListView列表以及一个添加组图标；
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>&lt;?</code> 
          <code>xml</code> 
          <code>version</code> 
          <code>=</code> 
          <code>"1.0"</code> 
          <code>encoding</code> 
          <code>=</code> 
          <code>"utf-8"</code> 
          <code>?&gt; </code> 
         </div> 
         <div> 
          <code>&lt;</code> 
          <code>RelativeLayout</code> 
          <code>xmlns:android</code> 
          <code>=</code> 
          <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ExpandableListView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/expandablelistview"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"match_parent"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:groupIndicator</code> 
          <code>=</code> 
          <code>"@null"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;/</code> 
          <code>ExpandableListView</code> 
          <code>&gt; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>&lt;</code> 
          <code>ImageView</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:id</code> 
          <code>=</code> 
          <code>"@+id/image_add"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_width</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_height</code> 
          <code>=</code> 
          <code>"40dp"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_centerHorizontal</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:layout_alignParentBottom</code> 
          <code>=</code> 
          <code>"true"</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>android:src</code> 
          <code>=</code> 
          <code>"@drawable/add"</code> 
          <code>/&gt; </code> 
         </div> 
         <div> 
          <code>&lt;/</code> 
          <code>RelativeLayout</code> 
          <code>&gt; </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    这里需要将ExpandableListView的groupIndicator属性设置为@null，不使用其自带的展开图标；
    
    GroupListFragment.java 加载列表的页面
    
    [?][Link 1]
    
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <div>
          1 
        </div> 
        <div>
          2 
        </div> 
        <div>
          3 
        </div> 
        <div>
          4 
        </div> 
        <div>
          5 
        </div> 
        <div>
          6 
        </div> 
        <div>
          7 
        </div> 
        <div>
          8 
        </div> 
        <div>
          9 
        </div> 
        <div>
          10 
        </div> 
        <div>
          11 
        </div> 
        <div>
          12 
        </div> 
        <div>
          13 
        </div> 
        <div>
          14 
        </div> 
        <div>
          15 
        </div> 
        <div>
          16 
        </div> 
        <div>
          17 
        </div> 
        <div>
          18 
        </div> 
        <div>
          19 
        </div> 
        <div>
          20 
        </div> 
        <div>
          21 
        </div> 
        <div>
          22 
        </div> 
        <div>
          23 
        </div> 
        <div>
          24 
        </div> 
        <div>
          25 
        </div> 
        <div>
          26 
        </div> 
        <div>
          27 
        </div> 
        <div>
          28 
        </div> 
        <div>
          29 
        </div> 
        <div>
          30 
        </div> 
        <div>
          31 
        </div> 
        <div>
          32 
        </div> 
        <div>
          33 
        </div> 
        <div>
          34 
        </div> 
        <div>
          35 
        </div> 
        <div>
          36 
        </div> 
        <div>
          37 
        </div> 
        <div>
          38 
        </div> 
        <div>
          39 
        </div> 
        <div>
          40 
        </div> 
        <div>
          41 
        </div> 
        <div>
          42 
        </div> 
        <div>
          43 
        </div> 
        <div>
          44 
        </div> 
        <div>
          45 
        </div> 
        <div>
          46 
        </div> 
        <div>
          47 
        </div> 
        <div>
          48 
        </div> 
        <div>
          49 
        </div> 
        <div>
          50 
        </div> 
        <div>
          51 
        </div> 
        <div>
          52 
        </div> 
        <div>
          53 
        </div> 
        <div>
          54 
        </div> 
        <div>
          55 
        </div> 
        <div>
          56 
        </div> 
        <div>
          57 
        </div> 
        <div>
          58 
        </div> 
        <div>
          59 
        </div> 
        <div>
          60 
        </div> 
        <div>
          61 
        </div> 
        <div>
          62 
        </div> 
        <div>
          63 
        </div> 
        <div>
          64 
        </div> 
        <div>
          65 
        </div> 
        <div>
          66 
        </div> 
        <div>
          67 
        </div> 
        <div>
          68 
        </div> 
        <div>
          69 
        </div> 
        <div>
          70 
        </div> 
        <div>
          71 
        </div> 
        <div>
          72 
        </div> 
        <div>
          73 
        </div> 
        <div>
          74 
        </div> 
        <div>
          75 
        </div> 
        <div>
          76 
        </div> 
        <div>
          77 
        </div> 
        <div>
          78 
        </div> 
        <div>
          79 
        </div> 
        <div>
          80 
        </div> 
        <div>
          81 
        </div> 
        <div>
          82 
        </div> 
        <div>
          83 
        </div> 
        <div>
          84 
        </div> 
        <div>
          85 
        </div> 
        <div>
          86 
        </div> 
        <div>
          87 
        </div> 
        <div>
          88 
        </div> 
        <div>
          89 
        </div> 
        <div>
          90 
        </div> 
        <div>
          91 
        </div> 
        <div>
          92 
        </div> 
        <div>
          93 
        </div> 
        <div>
          94 
        </div> 
        <div>
          95 
        </div> 
        <div>
          96 
        </div> 
        <div>
          97 
        </div> 
        <div>
          98 
        </div> 
        <div>
          99 
        </div> 
        <div>
          100 
        </div> 
        <div>
          101 
        </div> 
        <div>
          102 
        </div> 
        <div>
          103 
        </div> 
        <div>
          104 
        </div> 
        <div>
          105 
        </div> 
        <div>
          106 
        </div> 
        <div>
          107 
        </div> 
        <div>
          108 
        </div> 
        <div>
          109 
        </div> 
        <div>
          110 
        </div> 
        <div>
          111 
        </div> 
        <div>
          112 
        </div> 
        <div>
          113 
        </div> 
        <div>
          114 
        </div> 
        <div>
          115 
        </div> 
        <div>
          116 
        </div> 
        <div>
          117 
        </div> 
        <div>
          118 
        </div> 
        <div>
          119 
        </div> 
        <div>
          120 
        </div> 
        <div>
          121 
        </div> 
        <div>
          122 
        </div> 
        <div>
          123 
        </div> 
        <div>
          124 
        </div> 
        <div>
          125 
        </div> 
        <div>
          126 
        </div> 
        <div>
          127 
        </div> 
        <div>
          128 
        </div> 
        <div>
          129 
        </div> 
        <div>
          130 
        </div> 
        <div>
          131 
        </div> 
        <div>
          132 
        </div> 
        <div>
          133 
        </div> 
        <div>
          134 
        </div> 
        <div>
          135 
        </div> 
        <div>
          136 
        </div> 
        <div>
          137 
        </div> 
        <div>
          138 
        </div> 
        <div>
          139 
        </div> 
        <div>
          140 
        </div> 
        <div>
          141 
        </div> 
        <div>
          142 
        </div> 
        <div>
          143 
        </div> 
        <div>
          144 
        </div> 
        <div>
          145 
        </div> 
        <div>
          146 
        </div> 
        <div>
          147 
        </div> 
        <div>
          148 
        </div> 
        <div>
          149 
        </div> 
        <div>
          150 
        </div> 
        <div>
          151 
        </div> 
        <div>
          152 
        </div> 
        <div>
          153 
        </div> 
        <div>
          154 
        </div> 
        <div>
          155 
        </div> 
        <div>
          156 
        </div> 
        <div>
          157 
        </div> 
        <div>
          158 
        </div> 
        <div>
          159 
        </div> 
        <div>
          160 
        </div> 
        <div>
          161 
        </div> 
        <div>
          162 
        </div> 
        <div>
          163 
        </div> 
        <div>
          164 
        </div> 
        <div>
          165 
        </div> 
        <div>
          166 
        </div> 
        <div>
          167 
        </div> 
        <div>
          168 
        </div> 
        <div>
          169 
        </div> 
        <div>
          170 
        </div> 
        <div>
          171 
        </div> 
        <div>
          172 
        </div> 
        <div>
          173 
        </div> 
        <div>
          174 
        </div> 
        <div>
          175 
        </div> 
        <div>
          176 
        </div> 
        <div>
          177 
        </div> 
        <div>
          178 
        </div> 
        <div>
          179 
        </div> 
        <div>
          180 
        </div> 
        <div>
          181 
        </div> 
        <div>
          182 
        </div> 
        <div>
          183 
        </div> 
        <div>
          184 
        </div> 
        <div>
          185 
        </div> 
        <div>
          186 
        </div> 
        <div>
          187 
        </div> 
        <div>
          188 
        </div> 
        <div>
          189 
        </div> 
        <div>
          190 
        </div> 
        <div>
          191 
        </div> 
        <div>
          192 
        </div> 
        <div>
          193 
        </div> 
        <div>
          194 
        </div> 
        <div>
          195 
        </div> 
        <div>
          196 
        </div> 
        <div>
          197 
        </div> 
        <div>
          198 
        </div> 
        <div>
          199 
        </div> 
        <div>
          200 
        </div> 
        <div>
          201 
        </div> 
        <div>
          202 
        </div> 
        <div>
          203 
        </div> 
        <div>
          204 
        </div> 
        <div>
          205 
        </div> 
        <div>
          206 
        </div> 
        <div>
          207 
        </div> 
        <div>
          208 
        </div> 
        <div>
          209 
        </div> 
        <div>
          210 
        </div> 
        <div>
          211 
        </div> 
        <div>
          212 
        </div> 
        <div>
          213 
        </div> 
        <div>
          214 
        </div> 
        <div>
          215 
        </div> 
        <div>
          216 
        </div> 
        <div>
          217 
        </div> 
        <div>
          218 
        </div> 
        <div>
          219 
        </div> 
        <div>
          220 
        </div> 
        <div>
          221 
        </div> 
        <div>
          222 
        </div> 
        <div>
          223 
        </div> 
        <div>
          224 
        </div> 
        <div>
          225 
        </div> 
        <div>
          226 
        </div> 
        <div>
          227 
        </div> 
        <div>
          228 
        </div> 
        <div>
          229 
        </div> 
        <div>
          230 
        </div> 
        <div>
          231 
        </div> 
        <div>
          232 
        </div> 
        <div>
          233 
        </div> 
        <div>
          234 
        </div> 
        <div>
          235 
        </div> 
        <div>
          236 
        </div> 
        <div>
          237 
        </div> 
        <div>
          238 
        </div> 
        <div>
          239 
        </div> 
        <div>
          240 
        </div> 
        <div>
          241 
        </div> 
        <div>
          242 
        </div> 
        <div>
          243 
        </div> 
        <div>
          244 
        </div> 
        <div>
          245 
        </div> 
        <div>
          246 
        </div> 
        <div>
          247 
        </div> 
        <div>
          248 
        </div> 
        <div>
          249 
        </div> 
        <div>
          250 
        </div> 
        <div>
          251 
        </div> 
        <div>
          252 
        </div> 
        <div>
          253 
        </div> 
        <div>
          254 
        </div> 
        <div>
          255 
        </div> 
        <div>
          256 
        </div> 
        <div>
          257 
        </div> 
        <div>
          258 
        </div> 
        <div>
          259 
        </div> 
        <div>
          260 
        </div> 
        <div>
          261 
        </div> 
        <div>
          262 
        </div> 
        <div>
          263 
        </div> 
        <div>
          264 
        </div> 
        <div>
          265 
        </div> 
        <div>
          266 
        </div> 
        <div>
          267 
        </div> 
        <div>
          268 
        </div> 
        <div>
          269 
        </div> 
        <div>
          270 
        </div> 
        <div>
          271 
        </div> 
        <div>
          272 
        </div> 
        <div>
          273 
        </div> 
        <div>
          274 
        </div> 
        <div>
          275 
        </div> 
        <div>
          276 
        </div> 
        <div>
          277 
        </div> 
        <div>
          278 
        </div> 
        <div>
          279 
        </div> 
        <div>
          280 
        </div> </td> 
       <td> 
        <div> 
         <div> 
          <code>package</code> 
          <code> com.eric.grouplistdemo; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.ArrayList; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.HashMap; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.List; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> java.util.Map; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> org.json.JSONArray; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> org.json.JSONException; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> org.json.JSONObject; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.R.integer; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.app.Fragment; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.content.Context; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.content.SharedPreferences; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.content.SharedPreferences.Editor; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.os.Bundle; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.util.Log; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.LayoutInflater; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.View; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.View.OnClickListener; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.view.ViewGroup; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.AdapterView; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.EditText; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.ExpandableListView; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.ImageView; </code> 
         </div> 
         <div> 
          <code>import</code> 
          <code> android.widget.Toast; </code> 
         </div> 
         <div>
           &nbsp; 
         </div> 
         <div> 
          <code>public</code> 
          <code> class</code> 
          <code>GroupListFragment </code> 
          <code>extends</code> 
          <code>Fragment{ </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>View view; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>ExpandableListView expandableListView; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>MyAdapter adapter; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>List&lt;String&gt; parentList; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>Map&lt;String,List&lt;String&gt;&gt; map; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>ModifyDialog dialog; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>EditText edit_modify; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>ImageView image_add; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>private</code> 
          <code>int</code> 
          <code>currentGroup,currentChild; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>SharedPreferences sp; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>Editor editor; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>String dataMap,dataParentList; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>View onCreateView(LayoutInflater inflater, ViewGroup container, </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>Bundle savedInstanceState) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>view = inflater.inflate(R.layout.fragment_group_list, container, </code> 
          <code>false</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>expandableListView = (ExpandableListView) view.findViewById(R.id.expandablelistview); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>image_add = (ImageView) view.findViewById(R.id.image_add); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>image_add.setOnClickListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>alertAddDialog(getActivity(), </code> 
          <code>"新增组"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>initData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter = </code> 
          <code>new</code> 
          <code>MyAdapter(getActivity().getApplicationContext(), parentList, map); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>expandableListView.setAdapter(adapter); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>//设置子项点击事件 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>MyOnClickListener myListener = </code> 
          <code>new</code> 
          <code>MyOnClickListener(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>expandableListView.setOnChildClickListener(myListener); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>//设置长按点击事件 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>MyOnLongClickListener myLongListener = </code> 
          <code>new</code> 
          <code>MyOnLongClickListener(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>expandableListView.setOnItemLongClickListener(myLongListener); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>view; </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>initData(){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>map = </code> 
          <code>new</code> 
          <code>HashMap&lt;String, List&lt;String&gt;&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>parentList = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>sp = getActivity().getApplicationContext().getSharedPreferences(</code> 
          <code>"spfile"</code> 
          <code>, getActivity().MODE_PRIVATE); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dataMap = sp.getString(</code> 
          <code>"dataMap"</code> 
          <code>, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dataParentList = sp.getString(</code> 
          <code>"dataParentList"</code> 
          <code>, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(dataMap == </code> 
          <code>null</code> 
          <code>|| dataParentList == </code> 
          <code>null</code> 
          <code>){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList.add(</code> 
          <code>"客厅"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList.add(</code> 
          <code>"厨房"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList.add(</code> 
          <code>"卧室"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list1 = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list1.add(</code> 
          <code>"客厅空调"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list1.add(</code> 
          <code>"客厅电视"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list1.add(</code> 
          <code>"客厅电灯"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(</code> 
          <code>"客厅"</code> 
          <code>, list1); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list2 = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list2.add(</code> 
          <code>"厨房油烟机"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list2.add(</code> 
          <code>"厨房电灯"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list2.add(</code> 
          <code>"厨房电器"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(</code> 
          <code>"厨房"</code> 
          <code>, list2); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list3 = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list3.add(</code> 
          <code>"卧室空调"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list3.add(</code> 
          <code>"卧室灯光"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list3.add(</code> 
          <code>"卧室电视"</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(</code> 
          <code>"卧室"</code> 
          <code>, list3); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}</code> 
          <code>else</code> 
          <code>{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>try</code> 
          <code>{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>//初始化parentList </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>JSONArray jsonArray = </code> 
          <code>new</code> 
          <code>JSONArray(dataParentList); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>for</code> 
          <code>(</code> 
          <code>int</code> 
          <code> i = </code> 
          <code>0</code> 
          <code>; i &lt; jsonArray.length(); i++) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList.add(jsonArray.get(i).toString()); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>//初始化map </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>JSONObject jsonObject = </code> 
          <code>new</code> 
          <code>JSONObject(dataMap); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>for</code> 
          <code>(</code> 
          <code>int</code> 
          <code> i = </code> 
          <code>0</code> 
          <code>; i &lt; jsonObject.length(); i++) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>String key = jsonObject.getString(parentList.get(i)); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>JSONArray array = </code> 
          <code>new</code> 
          <code>JSONArray(key); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>for</code> 
          <code>(</code> 
          <code>int</code> 
          <code> j = </code> 
          <code>0</code> 
          <code>; j &lt; array.length(); j++) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>list.add(array.get(j).toString()); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(parentList.get(i), list); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>Log.d(</code> 
          <code>"eric"</code> 
          <code>, </code> 
          <code>"①："</code> 
          <code>+map+</code> 
          <code>"②："</code> 
          <code>+parentList); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
          <code>catch</code> 
          <code>(JSONException e) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>e.printStackTrace(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>Log.e(</code> 
          <code>"eric"</code> 
          <code>,</code> 
          <code>"String转Map或List出错"</code> 
          <code>+e); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>Log.e(</code> 
          <code>"eric"</code> 
          <code>, dataMap+</code> 
          <code>"!&amp;&amp;!"</code> 
          <code>+dataParentList); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//自定义点击监听事件 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>class</code> 
          <code>MyOnClickListener </code> 
          <code>implements</code> 
          <code>ExpandableListView.OnChildClickListener{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>boolean</code> 
          <code>onChildClick(ExpandableListView parent, View v, </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition, </code> 
          <code>long</code> 
          <code>id) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>String str = </code> 
          <code>"choose"</code> 
          <code>+groupPosition+</code> 
          <code>"-"</code> 
          <code>+childPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>Toast.makeText(getActivity(), str, Toast.LENGTH_SHORT).show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>false</code> 
          <code>; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//自定义长按监听事件 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>class</code> 
          <code>MyOnLongClickListener </code> 
          <code>implements</code> 
          <code>AdapterView.OnItemLongClickListener{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>boolean</code> 
          <code>onItemLongClick(AdapterView&lt;?&gt; parent, View view, </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>position, </code> 
          <code>long</code> 
          <code> id) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>//长按子项 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(ExpandableListView.getPackedPositionType(id) == ExpandableListView.PACKED_POSITION_TYPE_CHILD){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>long</code> 
          <code>packedPos = ((ExpandableListView) parent).getExpandableListPosition(position); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>groupPosition = ExpandableListView.getPackedPositionGroup(packedPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>childPosition = ExpandableListView.getPackedPositionChild(packedPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>currentGroup = groupPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>currentChild = childPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>String str = (String)adapter.getChild(groupPosition, childPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>alertModifyDialog(</code> 
          <code>"修改此项名称"</code> 
          <code>,str); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>Toast.makeText(getActivity(),str,Toast.LENGTH_SHORT).show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>true</code> 
          <code>; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>//长按组 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>}</code> 
          <code>else</code> 
          <code>if</code> 
          <code>(ExpandableListView.getPackedPositionType(id) == ExpandableListView.PACKED_POSITION_TYPE_GROUP){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>long</code> 
          <code>packedPos = ((ExpandableListView) parent).getExpandableListPosition(position); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>groupPosition = ExpandableListView.getPackedPositionGroup(packedPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>int</code> 
          <code>childPosition = ExpandableListView.getPackedPositionChild(packedPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>currentGroup = groupPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>currentChild = childPosition; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>String group = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>alertModifyDialog(</code> 
          <code>"修改组名称"</code> 
          <code>, group); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>String str = (String)adapter.getGroup(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>Toast.makeText(getActivity(),str,Toast.LENGTH_SHORT).show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>return</code> 
          <code>false</code> 
          <code>; </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//新增组 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>void</code> 
          <code> addGroup(String newGroupName){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>parentList.add(newGroupName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list = </code> 
          <code>new</code> 
          <code>ArrayList&lt;String&gt;(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>map.put(newGroupName, list); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter.notifyDataSetChanged(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//新增子项到指定组 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>void</code> 
          <code> addChild(</code> 
          <code>int</code> 
          <code>groupPosition, String newChildName){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list = map.get(groupName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>list.add(newChildName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter.notifyDataSetChanged(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//删除指定组 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>void</code> 
          <code> deleteGroup(</code> 
          <code>int</code> 
          <code> groupPos){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>map.remove(groupName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>parentList.remove(groupPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter.notifyDataSetChanged(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//删除指定子项 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>void</code> 
          <code> deleteChild(</code> 
          <code>int</code> 
          <code> groupPos, </code> 
          <code>int</code> 
          <code>childPos){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list = map.get(groupName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>list.remove(childPos); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter.notifyDataSetChanged(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//修改该项名称 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>modifyName(</code> 
          <code>int</code> 
          <code>groupPosition, </code> 
          <code>int</code> 
          <code>childPosition, String modifyName){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>Toast.makeText(getActivity(), String.valueOf(groupPosition)+</code> 
          <code>'-'</code> 
          <code>+String.valueOf(childPosition), Toast.LENGTH_SHORT).show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(childPosition&lt;</code> 
          <code>0</code> 
          <code>){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>//修改组名称 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>String groupName = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>if</code> 
          <code>(!groupName.equals(modifyName)){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(modifyName, map.get(groupName)); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>map.remove(groupName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>parentList.set(groupPosition, modifyName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}</code> 
          <code>else</code> 
          <code>{ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>//修改子项名称 </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>String group = parentList.get(groupPosition); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>List&lt;String&gt; list =map.get(group); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>list.set(childPosition, modifyName); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>map.put(group, list); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>adapter.notifyDataSetChanged(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>saveData(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//弹修改对话框 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>alertModifyDialog(String title, String name){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog = </code> 
          <code>new</code> 
          <code>ModifyDialog(getActivity(), title, name); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>edit_modify = dialog.getEditText(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.setOnClickCommitListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>modifyName(currentGroup, currentChild, edit_modify.getText().toString()); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>dialog.dismiss(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//弹新增组对话框 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>alertAddDialog(Context context, String title){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog = </code> 
          <code>new</code> 
          <code>ModifyDialog(context, title, </code> 
          <code>null</code> 
          <code>); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>edit_modify = dialog.getEditText(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.setOnClickCommitListener(</code> 
          <code>new</code> 
          <code>OnClickListener() { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>@Override</code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>public</code> 
          <code>void</code> 
          <code>onClick(View v) { </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>addGroup(edit_modify.getText().toString()); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
          <code>dialog.dismiss(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>}); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dialog.show(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>//保存数据 </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>public</code> 
          <code>static</code> 
          <code>void</code> 
          <code> saveData(){ </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>JSONObject jsonObject = </code> 
          <code>new</code> 
          <code>JSONObject(map); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dataMap = jsonObject.toString(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>dataParentList = parentList.toString(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>editor = sp.edit(); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>editor.putString(</code> 
          <code>"dataMap"</code> 
          <code>, dataMap); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>editor.putString(</code> 
          <code>"dataParentList"</code> 
          <code>, dataParentList); </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code> 
          <code>editor.commit(); </code> 
         </div> 
         <div> 
          <code>&nbsp;</code> 
          <code>} </code> 
         </div> 
         <div> 
          <code>&nbsp;&nbsp;</code>&nbsp; 
         </div> 
         <div> 
          <code>} </code> 
         </div> 
        </div> </td> 
      </tr> 
     </tbody> 
    </table>
    
    内容有点多，一个个来：
    
    **初始化Fragment页面函数onCreateView():**
    
    首先，要进行layout布局fragment\_group\_list.xml加载，获取相应控件的实例，expandableListView列表控件以及添加组图标image\_add，添加组图标添加点击事件；调用initData()方法进行组数据parentList和组对应子项map的初始化；然后，实例化adapter传入parentList和map数据到自定义适配器MyAdapter中，并将其绑定到expandableListView上；最后，给expandableListView添加自定义子项点击事件监听器，组项和子项长按事件监听器；
    
    **初始化数据函数initData():**该函数通过ShareReference来保存数据；
    
    首先，实例化parentList和map，从ShareReference中获取到保存的String类型的parentList和map实际数据，赋值到dataMap和dataParentList中，若当中数据不存在，默认返回null，第一次运行程序的时候肯定是没有数据的，故进行判断，若没获取到数据，那就给parentList和Map赋值“客厅”、“厨房”、“卧室”等一系列数据；如果有数据的话，那就得进行数据的转换，因为之前保存的String类型数据，parentList初始化：将dataParentList转换为JSONArray类型，通过循环将数据赋值到parentList中；同理，将dataMap转换为JSONObject类型，通过两层for循环将数据赋值到map中。
    
    **自定义点击子项监听其类MyOnClickListener：**实现ExpandableListView.OnChildClickListener接口，这里就简单的进行Toast操作，读者可以修改为跳转等其他自定义功能；
    
    **自定义长按组项或子项监听器类MyOnLongClickListener：**实现AdapterView.OnItemLongClickListener接口，通过调用ExpandableListView的getPackedPositionType()方法来判断此时长按的是组项还是子项；这里将长按组和子项分离出来，方便根据功能修改；无论是组项还是子项长按后，都调用alertModifyDialog()弹修改对话框，传入当前项的名称；  
    新增组addGroup函数：将传递过来的newGroupName，添加parentList中，且定义一个空的list，绑定newGroupName，将这对string和list，添加到map中；最后，调用adapter.notifyDataSetChanged()刷新列表，调用saveData()保存数据到ShareReference；
    
    **同理，新增子项到指定组addChild()，删除指定组deleteGroup()，删除指定子项deleteChild()，**都是对parentList和map进行操作，最后刷新列表和保存数据；
    
    **修改该项名称modifyName():**通过传递过来childPosition进行判断，当修改项为组项时，childPosition的值为-1，以此区分组项和子项；这里遇到一个问题，当组项提交的名称与原名称相同会报错，故添加一个判断，仅提交的名称不同时才进行修改操作；修改的具体实现还是对parentList和map的操作，以修改组项为例，同新增组，添加一个modifyName的组，其对应的List为原来组名对应的List数据，然后再将原来的groupName组及其对应的list删除，实现修改；最后同样要刷新列表和保存数据；
    
    **弹修改对话框alertModifyDialog()函数：**首先对自定义的dialog进行实例化，初始化标题和输入框中的数据；调用getEditText()函数获取输入框实例，添加提交按钮点击事件，调用modifyName方法传入当前组和子项数据，以及输入框中提交的文本；  
    **弹新增组对话框alertAddDialog()函数：**同样，实例化dialog，获取输入框控件，点击事件中调用addGroup()方法添加数据；
    
    **保存数据saveData()函数：**将parentList和map数据转化为String类型，分别赋值，保存至ShareReference的Editor中并提交；
    
    以上就是本文的全部内容，希望对大家的学习有所帮助。
    
    如对本文有疑问，请提交到交流社区，广大热心网友会为你解答！！ [ 点击进入社区][Link 2]

[X][Link 1]

[图片相关信息][Link 1]

[201611992927595.jpg_201601992942]: http://files.jb51.net/file_images/article/201601/201611992927595.jpg?201601992942
[Link 1]: http://www.jb51.net/article/78288.htm#
[Link 2]: http://shequ.jb51.net/