ExpandableListView
是 Android 中的一種列表視圖,它允許用戶展開和折疊每個子項,從而顯示更多的內容。ExpandableListView
的子項布局通常包含兩部分:一個用于顯示基本內容的布局,另一個用于顯示展開后的額外內容(如果有的話)。
以下是一個簡單的 ExpandableListView
子項布局示例:
res/layout
目錄下創建一個新的布局文件,例如 list_item_expandable.xml
。這個文件將定義子項的基本布局和展開后的布局。<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!-- 基本內容布局 -->
<TextView
android:id="@+id/textViewBasic"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:padding="8dp"
android:text="Basic Item" />
<!-- 展開按鈕 -->
<ImageView
android:id="@+id/imageViewExpand"
android:layout_width="48dp"
android:layout_height="wrap_content"
android:src="@drawable/ic_expand_more" />
</LinearLayout>
在這個示例中,我們使用了一個 LinearLayout
作為子項的基本布局,其中包含一個 TextView
用于顯示基本內容,以及一個 ImageView
用于顯示展開按鈕。
ExpandableListView
的適配器中,你需要重寫 getView()
方法來返回子項的布局。在這個方法中,你可以根據當前子項的狀態(是否展開)來決定顯示哪個布局。@Override
public View getView(int groupPosition, View convertView, ViewGroup parent) {
// 獲取基本內容布局和展開按鈕
View basicLayout = convertView;
ImageView expandButton = (ImageView) basicLayout.findViewById(R.id.imageViewExpand);
// 獲取基本內容文本
TextView textViewBasic = (TextView) basicLayout.findViewById(R.id.textViewBasic);
String basicText = getItem(groupPosition).getBasicText();
// 根據子項是否展開來設置布局
if (isItemExpanded(groupPosition)) {
// 如果子項已展開,顯示展開后的布局
basicLayout = inflateExpandedLayout(parent);
textViewBasic.setText(basicText + " (Expanded)");
} else {
// 如果子項未展開,顯示基本布局
basicLayout = inflateBasicLayout(basicLayout);
textViewBasic.setText(basicText);
}
// 設置展開按鈕的點擊事件
expandButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
toggleItemExpansion(groupPosition);
}
});
return basicLayout;
}
在這個示例中,我們首先嘗試使用 convertView
(如果存在)來避免不必要的布局重新創建。然后,我們根據子項是否展開來決定顯示哪個布局,并更新相應的文本。最后,我們設置了展開按鈕的點擊事件,用于切換子項的展開狀態。
注意:這個示例僅用于演示目的,實際應用中可能需要根據具體需求進行調整。例如,你可能需要處理更復雜的布局結構、動態加載數據等。