解读ExpandableListView源码样式

在源码中，ExpandableListView的样式定义如下：
<style name="Widget.ExpandableListView" parent="Widget.ListView">
<item name="android:groupIndicator">@android:drawable/expander_group</item>
<item name="android:indicatorLeft">?android:attr/expandableListPreferredItemIndicatorLeft</item>
<item name="android:indicatorRight">?android:attr/expandableListPreferredItemIndicatorRight</item>
<item name="android:childDivider">@android:drawable/divider_horizontal_dark_opaque</item>
</style>
android:groupIndicator定义了父列表的指示图标，我们打开expander_group.xml文件进行查看，内容如下：
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_expanded="true"
android:drawable="@drawable/expander_ic_maximized" />
<item
android:drawable="@drawable/expander_ic_minimized" />
</selector>
该文件就定义了ExpandableListView在展开和收起的情况下，对应的不同图标，当然我们可以根据自己的需求定义样式，使ExpandableListView在展开和收起时显示我们自己定义的图标。

在ExpandableListView的属性中还有一项是android:childIndicator，我们也可以设置该项内容，使子列表也显示我们定义的图片。

========================= 改变indicator图标　==============

1)定义xml文件先，命名为expand_list_indicator.xml

<?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/indicator_open" />
<item android:state_expanded="false" android:drawable="@drawable/indicator_close" />
</selector>

2)在得到ExpandableListView 实例id后调用xml文件

ExpandableListView mExpandList = (ExpandableListView) findViewById(R.id.expandlist);
mExpandList.setGroupIndicator(this.getResources().getDrawable(R.drawable.expand_list_indicator));

注意事项：因为indicator背景图片会自动拉伸，如果不想图片被拉伸的话，那么就对indicator_open ,indicator_close图片做特殊处理，做成.9.png格式就可以了。

更多相关文章

随机推荐