Bootstrap

Android 使用ExpandableListView时,需要注意哪些细节

1. 布局属性设置

尺寸属性

  • 宽度和高度:要合理设置 android:layout_width 和 android:layout_height 属性。如果设置为 match_parent,它会填满父容器;设置为 wrap_content,则会根据内容自动调整大小。例如,若想让 ExpandableListView 占据整个屏幕的高度和宽度,可设置为:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
  • 最小和最大尺寸:可以使用 android:minWidth、android:minHeight、android:maxWidth 和 android:maxHeight 属性来限制视图的最小和最大尺寸。比如,若希望 ExpandableListView 的最小高度为 200dp,可以这样设置:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="200dp" />

边距和内边距

  • 外边距(margin):使用 android:layout_margin 系列属性(如 android:layout_marginTop、android:layout_marginLeft 等)来设置视图与周围视图之间的间距。例如,为 ExpandableListView 设置 10dp 的顶部外边距:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp" />
  • 内边距(padding):使用 android:padding 系列属性(如 android:paddingTop、android:paddingLeft 等)来设置视图内容与视图边界之间的间距。例如,设置 10dp 的内边距:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp" />

2. 布局位置和对齐方式

相对布局中的位置

如果 ExpandableListView 位于 RelativeLayout 中,需要使用相对定位属性来确定其位置。例如,将 ExpandableListView 放置在另一个视图的下方:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/titleTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题" />

    <ExpandableListView
        android:id="@+id/expandableListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/titleTextView" />
</RelativeLayout>

线性布局中的权重

若 ExpandableListView 处于 LinearLayout 中,可以使用 android:layout_weight 属性来分配剩余空间。例如,让 ExpandableListView 占据 LinearLayout 剩余的空间:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题" />

    <ExpandableListView
        android:id="@+id/expandableListView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

3. 滚动和触摸相关属性

滚动条设置

可以使用 android:scrollbars 属性来控制滚动条的显示方式,取值可以是 vertical、horizontal 或 none。例如,只显示垂直滚动条:

<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical" />
  • 还可以使用 android:fadeScrollbars 属性来控制滚动条是否在不使用时自动隐藏,设置为 true 表示自动隐藏。

触摸反馈

  • android:listSelector 属性可以设置列表项被选中或触摸时的背景效果。例如,设置一个半透明的蓝色作为选中效果:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:listSelector="@android:color/holo_blue_light" />

4. 分组指示器相关属性

分组指示器显示

  • android:groupIndicator 属性用于设置分组的展开和收缩指示器。可以使用系统自带的指示器,也可以自定义一个可绘制对象(如 Drawable)。例如,使用系统默认的指示器:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:groupIndicator="?android:attr/listChoiceIndicatorExpandable" />

指示器位置

  • 可以通过 android:childIndicatorLeft 和 android:childIndicatorRight 属性来调整子项指示器的位置,通过 android:groupIndicatorPadding 属性来设置分组指示器的内边距。

5. 其他属性

分割线设置

  • android:divider 属性可以设置列表项之间的分割线样式,可以是颜色值或可绘制对象。例如,设置一条红色的分割线:
<ExpandableListView
    android:id="@+id/expandableListView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="@android:color/holo_red_light"
    android:dividerHeight="1dp" />

空视图设置

  • 可以使用 android:empty 属性指定当列表为空时显示的视图。例如,指定一个 TextView 作为空视图:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ExpandableListView
        android:id="@+id/expandableListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:empty="@+id/emptyTextView" />

    <TextView
        android:id="@+id/emptyTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="暂无数据"
        android:layout_centerInParent="true" />
</RelativeLayout>
;