如何在ExpandableListView头部右侧添加文本或按钮？

当然有其他更灵活的实现方式啦！我给你整理几个实用的方案，比替换groupIndicator的方式更可控：

方案1：自定义Group Item布局（最推荐） #

这是最灵活、易维护的方式，能完全掌控Group项的布局结构：

• 第一步：创建自定义Group布局文件（比如layout_expandable_group.xml），用ConstraintLayout或LinearLayout同时容纳原Group内容和右侧操作控件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingVertical="12dp"
    android:paddingHorizontal="16dp">

    <!-- 原Group标题内容 -->
    <TextView
        android:id="@+id/tv_group_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Group Title"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btn_right_action"
        app:layout_constraintVertical_bias="0.5"/>

    <!-- 右侧操作按钮 -->
    <Button
        android:id="@+id/btn_right_action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="操作"
        android:textSize="14sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

• 第二步：在你的ExpandableListAdapter中重写getGroupView方法，加载自定义布局并绑定交互逻辑：

@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
    GroupViewHolder holder;
    if (convertView == null) {
        convertView = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.layout_expandable_group, parent, false);
        holder = new GroupViewHolder();
        holder.tvTitle = convertView.findViewById(R.id.tv_group_title);
        holder.btnAction = convertView.findViewById(R.id.btn_right_action);
        convertView.setTag(holder);
    } else {
        holder = (GroupViewHolder) convertView.getTag();
    }

    // 绑定Group标题数据
    holder.tvTitle.setText(getGroup(groupPosition).toString());
    // 绑定右侧按钮点击事件
    int finalGroupPos = groupPosition;
    holder.btnAction.setOnClickListener(v -> {
        Toast.makeText(parent.getContext(), 
            "点击了Group " + finalGroupPos + "的操作按钮", 
            Toast.LENGTH_SHORT).show();
    });

    // 保留展开/收起指示器（可选）
    Drawable indicator = isExpanded 
            ? parent.getContext().getDrawable(R.drawable.ic_expand_down) 
            : parent.getContext().getDrawable(R.drawable.ic_expand_right);
    convertView.setCompoundDrawablesRelativeWithIntrinsicBounds(null, null, indicator, null);

    return convertView;
}

// 定义ViewHolder优化性能
static class GroupViewHolder {
    TextView tvTitle;
    Button btnAction;
}

这种方式的优势是可以完全自定义右侧控件的样式、大小和交互逻辑，不受groupIndicator的限制。

方案2：给ExpandableListView添加全局HeaderView（针对列表顶部头部） #

如果你的需求是整个ExpandableListView的顶部头部右侧添加文本/按钮，而非每个Group项，直接用系统提供的addHeaderView方法即可：

• 第一步：创建头部布局文件layout_list_header.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="列表全局头部"
        android:textSize="20sp"/>

    <Button
        android:id="@+id/btn_header_action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="全局操作"/>

</LinearLayout>

• 第二步：在代码中添加HeaderView：

ExpandableListView expandableListView = findViewById(R.id.expandable_list);
// 加载头部布局
View headerView = LayoutInflater.from(this).inflate(R.layout.layout_list_header, null);
// 绑定头部按钮事件
Button headerBtn = headerView.findViewById(R.id.btn_header_action);
headerBtn.setOnClickListener(v -> {
    Toast.makeText(this, "点击了全局头部按钮", Toast.LENGTH_SHORT).show();
});
// 添加到列表
expandableListView.addHeaderView(headerView);
// 设置适配器
expandableListView.setAdapter(yourExpandableListAdapter);

方案3：动态添加Overlay视图（无需修改Group布局） #

如果不想修改原有Group布局，可以用FrameLayout包裹ExpandableListView，然后动态计算每个Group项的位置，添加右侧操作视图：

FrameLayout container = findViewById(R.id.list_container);
ExpandableListView expandableListView = findViewById(R.id.expandable_list);

// 列表数据加载完成后执行
expandableListView.post(() -> {
    for (int i = 0; i < yourAdapter.getGroupCount(); i++) {
        View groupItem = expandableListView.getChildAt(i);
        if (groupItem != null) {
            int[] location = new int[2];
            groupItem.getLocationOnScreen(location);
            // 创建右侧文本视图
            TextView rightText = new TextView(this);
            rightText.setText("更多");
            rightText.setTextColor(Color.BLUE);
            // 设置布局参数，定位到Group项右侧
            FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT
            );
            params.leftMargin = location[0] + groupItem.getWidth() - dpToPx(60);
            params.topMargin = location[1] + dpToPx(6);
            container.addView(rightText, params);
            // 绑定点击事件
            int finalI = i;
            rightText.setOnClickListener(v -> {
                // 处理Group i的操作逻辑
            });
        }
    }
});

// 辅助方法：dp转px
private int dpToPx(int dp) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, 
            getResources().getDisplayMetrics());
}

这种方式适合快速适配现有代码，但需要处理列表滚动时的视图位置更新，相对繁琐。

附效果示例图：

内容的提问来源于stack exchange，提问作者Mingorto