转载至:http://blog.csdn.net/dawanganban/article/details/11727051
很多朋友可能在android开发中,用过ExpandableListView这个组件,这个组件功能强大,比传统的ListView有好多优势。然而在开发中,我相信有好多人,包括我个人都会遇到下面的一些问题:
1。如何替换ExpandableListView的默认箭头
解决方法:在配置文件中有个android:groupIndicator属性,将其设置为:你的selector,例如:android:groupIndicator="@drawable/lt_expandablelistviewselector"
lt_expandablelistviewselector为:
- <?xml version="1.0" encoding="utf-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- <item android:state_expanded="true" android:drawable="@drawable/lt_open2" />
- <item android:drawable="@drawable/lt_norml2" />
- </selector>
ExpandableListView的整个布局
- <ExpandableListView
- android:divider="@drawable/lt_listview_line"
- android:childDivider="@drawable/lt_listview_line"
- android:cacheColorHint="#f5f5f5"
- android:background="#f5f5f5"
- android:id="@+id/citylist"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:listSelector="@drawable/lt_imglistselector"
- android:groupIndicator="@drawable/lt_expandablelistviewselector"
- />
具体你要加载哪些数据,和哪些内容显示在ExpandableListView上,自由发挥吧,o(∩_∩)o 哈哈
ExpandableListView(二)替换箭头图标被拉伸的问题
之前写过一篇替换系统默认图标的文章,之后又发现了问题,当替换成自己的图片之后,图片被拉伸了!为了解决这个问题,我几乎尝试了所有方法,结果都不理想
我试过的方法,在布局里,把textview上的内容字体改小点,勉勉强强能保证图标不被拉伸,但是这样做的话,只是应付差事,代码没有弹性,当需求给你一定的限制
条件时,这种方法不攻自破。
其实,我相信这种问题,一定会有好多种方法解决,鉴于本人功底比较弱,我在这个问题上,回归了本质,从图片着手,既然图片被拉伸了,为了不把图片做成9-path的,
于是我把图片做成9-path的,问题迎刃而解。(9-path图片不会的,可以参考一下网上教程)
看效果图
这是普通的图片,被拉伸了,非常的不美观
在改成9-path的图片后,效果如下:
ExpandableListView(三)只展开一个group,没有child不展开group
本文是自己在实践中,发现的问题。
有时候想让界面更加的人性化,就要实现很多的效果,比如只展开一个group,在点击下个group的同时,关闭之前的group
在一个ExpandableListView,如何实现只展开一个group,方法如下:
- mListView.setOnGroupExpandListener(new OnGroupExpandListener() {
- @Override
- public void onGroupExpand(int groupPosition) {
- // TODO Auto-generated method stub
- for (int i = 0; i < mAdapter.getGroupCount(); i++) {
- if (groupPosition != i) {
- mListView.collapseGroup(i);
- }
- }
- }
- });
效果图:
上图的效果,看上去很好,但是存在一个问题,虽然只展开了一个group,但是在点击下一个group的时候,该group的标题不会置顶,这就造成了一些困惑,为了解决这个问题,用到了下边的方法解决:
重写setOnGroupClickListener方法
首先要有一个sign,可以是int sign,用来记录group展开的状态
- private int sign= -1;//控制列表的展开
- //只展开一个group的实现方法
- mListView.setOnGroupClickListener(new OnGroupClickListener() {
- @Override
- public boolean onGroupClick(ExpandableListView parent, View v,
- int groupPosition, long id) {
- // TODO Auto-generated method stub
- if (sign== -1) {
- // 展开被选的group
- mListView.expandGroup(groupPosition);
- // 设置被选中的group置于顶端
- mListView.setSelectedGroup(groupPosition);
- sign= groupPosition;
- } else if (sign== groupPosition) {
- mListView.collapseGroup(sign);
- sign= -1;
- } else {
- mListView.collapseGroup(sign);
- // 展开被选的group
- mListView.expandGroup(groupPosition);
- // 设置被选中的group置于顶端
- mListView.setSelectedGroup(groupPosition);
- sign= groupPosition;
- }
- return true;
- }
- });
运行,看一下效果:
至此,在只打开一个group的同时,标题置顶
最后,补充一下,在group没有child的情况下,不展开group
- // 这里是控制如果列表没有孩子菜单不展开的效果
- mListView
- .setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
- @Override
- public boolean onGroupClick(ExpandableListView parent,
- View v, int groupPosition, long id) {
- // TODO Auto-generated method stub
- if (childData.get(groupPosition).isEmpty()) {// isEmpty没有
- return true;
- } else {
- return false;
- }
- }
- });