如何在Fragment的ExpandableListView底部添加按钮？

我看出来你的问题了——现在额外布局跑到每个列表头部里，是因为适配器错误地复用了整个Fragment的布局作为列表项，同时Fragment的布局结构也没处理好。下面一步步帮你修正：

问题根源分析 #

1. 你的适配器getGroupView方法中，inflate的是R.layout.fragment_turboone（整个Fragment的布局），而不是单独的头部item布局。这就导致每个列表头部都包含了ExpandableListView、子项布局和底部按钮的所有内容，所以才会出现重复元素。
2. Fragment的布局里，底部按钮和ListView平级但没有设置正确的位置关系，布局逻辑混乱。

解决方案步骤 #

1. 拆分单独的列表项布局

首先创建两个独立的布局文件，分别对应ExpandableListView的头部和子项：

头部布局 item_expandable_header.xml

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

    <TextView
        android:id="@+id/listturbooneheader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/blue_500"
        android:textSize="14sp"
        android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" />
</LinearLayout>

子项布局 item_expandable_child.xml

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

    <TextView
        android:id="@+id/turboone_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:textSize="12sp"
        android:paddingLeft="?android:attr/expandableListPreferredChildPaddingLeft" />
</LinearLayout>

2. 修改Fragment的布局

把ExpandableListView和底部按钮放在合理的结构里，确保按钮固定在列表底部。这里推荐两种布局方式：

方式一：LinearLayout垂直排列

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/gray_50"
    tools:context=".TurbooneFragment">

    <!-- ExpandableListView占据除底部按钮外的所有空间 -->
    <ExpandableListView
        android:id="@+id/turboone_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:scrollbars="vertical" />

    <!-- 底部按钮，替换成你需要的样式 -->
    <Button
        android:id="@+id/bottom_action_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="底部操作按钮"
        android:background="@color/blue_500"
        android:textColor="@android:color/white" />

</LinearLayout>

方式二：RelativeLayout定位

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/gray_50"
    tools:context=".TurbooneFragment">

    <ExpandableListView
        android:id="@+id/turboone_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottom_action_btn"
        android:scrollbars="vertical" />

    <Button
        android:id="@+id/bottom_action_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="底部操作按钮"
        android:background="@color/blue_500"
        android:textColor="@android:color/white" />

</RelativeLayout>

3. 修正适配器代码

修改getGroupView和getChildView方法，加载正确的单独布局，而不是整个Fragment布局：

public class TurbooneListAdapter extends BaseExpandableListAdapter {
    private Context context;
    private List<String> listDataHeader;
    private HashMap<String, List<String>> listHashMap;

    public TurbooneListAdapter(Context context, List<String> listDataHeader, HashMap<String, List<String>> listHashMap) {
        this.context = context;
        this.listDataHeader = listDataHeader;
        this.listHashMap = listHashMap;
    }

    @Override
    public int getGroupCount() {
        return listDataHeader.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return listHashMap.get(listDataHeader.get(groupPosition)).size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return listDataHeader.get(groupPosition);
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return listHashMap.get(listDataHeader.get(groupPosition)).get(childPosition);
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        String headerTitle = (String) getGroup(groupPosition);
        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            // 加载单独的头部布局
            convertView = inflater.inflate(R.layout.item_expandable_header, null);
        }
        TextView list1header = convertView.findViewById(R.id.listturbooneheader);
        list1header.setTypeface(null, Typeface.BOLD);
        list1header.setText(headerTitle);
        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        String childText = (String) getChild(groupPosition, childPosition);
        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            // 加载单独的子项布局
            convertView = inflater.inflate(R.layout.item_expandable_child, null);
        }
        TextView turbooneItem = convertView.findViewById(R.id.turboone_item);
        turbooneItem.setText(childText);
        return convertView;
    }
}

效果对比 #

当前错误效果

预期实现效果

这样修改后，底部按钮就会固定在整个ExpandableListView的下方，而不会出现在每个列表头部里啦！

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