ExpandableListView(一)替换系统默认的箭头

转载至：http://blog.csdn.net/dawanganban/article/details/11727051

很多朋友可能在android开发中，用过ExpandableListView这个组件，这个组件功能强大，比传统的ListView有好多优势。然而在开发中，我相信有好多人，包括我个人都会遇到下面的一些问题：

1。如何替换ExpandableListView的默认箭头

解决方法：在配置文件中有个android:groupIndicator属性，将其设置为：你的selector，例如:android:groupIndicator="@drawable/lt_expandablelistviewselector"

lt_expandablelistviewselector为：

1. <?xml version="1.0" encoding="utf-8"?>     
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">     
3.     <item android:state_expanded="true" android:drawable="@drawable/lt_open2" />     
4.     <item android:drawable="@drawable/lt_norml2" />     
5. </selector>   

lt_open2和lt_norml2分别是两张不同状态的图片

ExpandableListView的整个布局

1. <ExpandableListView  
2. android:divider="@drawable/lt_listview_line"  
3. android:childDivider="@drawable/lt_listview_line"     
4. android:cacheColorHint="#f5f5f5"  
5. android:background="#f5f5f5"  
6. android:id="@+id/citylist"  
7. android:layout_width="fill_parent"  
8. android:layout_height="wrap_content"  
9. android:listSelector="@drawable/lt_imglistselector"  
10. android:groupIndicator="@drawable/lt_expandablelistviewselector"  
11. />  

具体你要加载哪些数据，和哪些内容显示在ExpandableListView上，自由发挥吧，o(∩_∩)o 哈哈

上面的工作做完之后，运行一下，看看我的效果：

ExpandableListView(二)替换箭头图标被拉伸的问题

之前写过一篇替换系统默认图标的文章，之后又发现了问题，当替换成自己的图片之后，图片被拉伸了！为了解决这个问题，我几乎尝试了所有方法，结果都不理想

我试过的方法，在布局里，把textview上的内容字体改小点，勉勉强强能保证图标不被拉伸，但是这样做的话，只是应付差事，代码没有弹性，当需求给你一定的限制

条件时，这种方法不攻自破。

其实，我相信这种问题，一定会有好多种方法解决，鉴于本人功底比较弱，我在这个问题上，回归了本质，从图片着手，既然图片被拉伸了，为了不把图片做成9-path的，

于是我把图片做成9-path的，问题迎刃而解。（9-path图片不会的，可以参考一下网上教程）

看效果图

这是普通的图片，被拉伸了，非常的不美观

在改成9-path的图片后，效果如下：

ExpandableListView(三)只展开一个group，没有child不展开group

本文是自己在实践中，发现的问题。

有时候想让界面更加的人性化，就要实现很多的效果，比如只展开一个group，在点击下个group的同时，关闭之前的group

在一个ExpandableListView，如何实现只展开一个group，方法如下：

1. mListView.setOnGroupExpandListener(new OnGroupExpandListener() {  
2.   
3.             @Override  
4.             public void onGroupExpand(int groupPosition) {  
5.                 // TODO Auto-generated method stub  
6.                 for (int i = 0; i < mAdapter.getGroupCount(); i++) {  
7.                     if (groupPosition != i) {  
8.                         mListView.collapseGroup(i);  
9.                     }  
10.                 }  
11.   
12.             }  
13.   
14.         });  

效果图：

上图的效果，看上去很好，但是存在一个问题，虽然只展开了一个group，但是在点击下一个group的时候，该group的标题不会置顶，这就造成了一些困惑，为了解决这个问题，用到了下边的方法解决：

重写setOnGroupClickListener方法

首先要有一个sign，可以是int sign，用来记录group展开的状态

1. private int sign= -1;//控制列表的展开  

重写onGroupClick方法

1. //只展开一个group的实现方法  
2.         mListView.setOnGroupClickListener(new OnGroupClickListener() {  
3.   
4.             @Override  
5.             public boolean onGroupClick(ExpandableListView parent, View v,  
6.                     int groupPosition, long id) {  
7.                 // TODO Auto-generated method stub  
8.                 if (sign== -1) {  
9.                     // 展开被选的group  
10.                     mListView.expandGroup(groupPosition);  
11.                     // 设置被选中的group置于顶端  
12.                     mListView.setSelectedGroup(groupPosition);  
13.                     sign= groupPosition;  
14.                 } else if (sign== groupPosition) {  
15.                     mListView.collapseGroup(sign);  
16.                     sign= -1;  
17.                 } else {  
18.                     mListView.collapseGroup(sign);  
19.                     // 展开被选的group  
20.                     mListView.expandGroup(groupPosition);  
21.                     // 设置被选中的group置于顶端  
22.                     mListView.setSelectedGroup(groupPosition);  
23.                     sign= groupPosition;  
24.                 }  
25.                 return true;  
26.             }  
27.         });    

运行，看一下效果：

至此，在只打开一个group的同时，标题置顶

最后，补充一下，在group没有child的情况下，不展开group  

1. // 这里是控制如果列表没有孩子菜单不展开的效果  
2. mListView  
3.         .setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {  
4.             @Override  
5.             public boolean onGroupClick(ExpandableListView parent,  
6.                     View v, int groupPosition, long id) {  
7.                 // TODO Auto-generated method stub  
8.                 if (childData.get(groupPosition).isEmpty()) {// isEmpty没有  
9.                     return true;  
10.                 } else {  
11.                     return false;  
12.                 }  
13.             }  
14.         });