解读ExpandableListView源码样式

最新推荐文章于 2022-07-06 14:01:19 发布

原创最新推荐文章于 2022-07-06 14:01:19 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #encoding #list #xml

Android应用专栏收录该内容

64 篇文章

订阅专栏

本文详细介绍了如何在ExpandableListView中自定义指示图标，包括如何创建XML文件、设置属性以及注意事项。通过实例演示了如何实现不同状态下的个性化图标展示。

在源码中，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格式就可以了。