已实现自定义ExpandableListView Adapter，如何在MainActivity设置子视图数据

嘿，我来帮你搞定这个子视图数据设置的问题！你已经搞定了分组视图，核心问题其实是要让分组和对应的子项数据建立关联，而不是用两个完全独立的ArrayList。下面我给你一步步拆解实现步骤：

1. 先调整数据结构：让分组包含对应的子项列表 #

首先，我们需要一个能同时装下分组数据和对应子项数据的实体类，比如叫GroupData：

public class GroupData {
    // 分组自身的Word数据
    private Word groupWord;
    // 该分组对应的子项列表
    private ArrayList<Word> childItems;

    // 构造方法
    public GroupData(Word groupWord, ArrayList<Word> childItems) {
        this.groupWord = groupWord;
        this.childItems = childItems;
    }

    // 别忘了写Getter方法，后面Adapter要用到
    public Word getGroupWord() {
        return groupWord;
    }

    public ArrayList<Word> getChildItems() {
        return childItems;
    }
}

2. 在MainActivity中准备关联好的分组&子项数据 #

现在我们不再用两个独立的列表，而是创建一个装GroupData的列表，把每个分组和它的子项绑定在一起：

// 初始化最终要传给Adapter的总数据列表
ArrayList<GroupData> expandableListData = new ArrayList<>();

// 准备第一个分组及其子项
Word groupA = new Word(R.drawable.ic_launcher_background, "Group A", "#111111");
ArrayList<Word> childsOfA = new ArrayList<>();
childsOfA.add(new Word(R.drawable.ic_launcher_background, "Child A1", "#222222"));
childsOfA.add(new Word(R.drawable.ic_launcher_background, "Child A2", "#333333"));
// 把分组和子项打包加入总列表
expandableListData.add(new GroupData(groupA, childsOfA));

// 准备第二个分组及其子项（以此类推）
Word groupB = new Word(R.drawable.ic_launcher_background, "Group B", "#444444");
ArrayList<Word> childsOfB = new ArrayList<>();
childsOfB.add(new Word(R.drawable.ic_launcher_background, "Child B1", "#555555"));
expandableListData.add(new GroupData(groupB, childsOfB));

3. 修改自定义ExpandableListAdapter，适配新的数据结构 #

接下来调整你的Adapter，让它接收GroupData列表，然后实现子视图的相关方法：

先更新Adapter的成员变量和构造方法 #

public class CustomExpandableListAdapter extends BaseExpandableListAdapter {
    private Context context;
    // 换成我们的GroupData列表
    private ArrayList<GroupData> expandableListData;

    public CustomExpandableListAdapter(Context context, ArrayList<GroupData> expandableListData) {
        this.context = context;
        this.expandableListData = expandableListData;
    }

    // ... 之前的分组相关方法可以保留，只需要稍微修改获取分组数据的方式

完善分组视图的方法（你已经搞定了，这里调整下数据获取） #

@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
    // 从GroupData里拿分组的Word数据
    Word groupWord = expandableListData.get(groupPosition).getGroupWord();
    
    // 下面就是你之前写的分组视图加载逻辑，比如设置图标、文字、颜色
    if (convertView == null) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.group_item_layout, parent, false);
    }

    ImageView groupIcon = convertView.findViewById(R.id.group_icon);
    TextView groupText = convertView.findViewById(R.id.group_text);
    View groupColorView = convertView.findViewById(R.id.group_color);

    groupIcon.setImageResource(groupWord.getIconResId());
    groupText.setText(groupWord.getText());
    groupColorView.setBackgroundColor(Color.parseColor(groupWord.getColorCode()));

    return convertView;
}

重点实现子视图的核心方法 #

这部分就是你之前不清楚的地方，照着写就行：

// 返回当前分组下的子项数量
@Override
public int getChildrenCount(int groupPosition) {
    return expandableListData.get(groupPosition).getChildItems().size();
}

// 获取指定位置的子项数据
@Override
public Object getChild(int groupPosition, int childPosition) {
    return expandableListData.get(groupPosition).getChildItems().get(childPosition);
}

// 子项ID（直接返回位置即可）
@Override
public long getChildId(int groupPosition, int childPosition) {
    return childPosition;
}

// 加载并绑定子视图数据
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
    // 获取当前子项的Word数据
    Word childWord = expandableListData.get(groupPosition).getChildItems().get(childPosition);
    
    // 加载子项布局（和分组布局类似，确保布局里的控件ID对应）
    if (convertView == null) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.child_item_layout, parent, false);
    }

    ImageView childIcon = convertView.findViewById(R.id.child_icon);
    TextView childText = convertView.findViewById(R.id.child_text);
    View childColorView = convertView.findViewById(R.id.child_color);

    // 绑定数据到控件
    childIcon.setImageResource(childWord.getIconResId());
    childText.setText(childWord.getText());
    childColorView.setBackgroundColor(Color.parseColor(childWord.getColorCode()));

    return convertView;
}

// 允许子项被点击（如果不需要可以设为false）
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
    return true;
}

4. 在MainActivity中设置Adapter到ExpandableListView #

最后一步，把准备好的expandableListData传给Adapter，然后绑定到列表上：

// 找到布局里的ExpandableListView
ExpandableListView expandableListView = findViewById(R.id.your_expandable_list_id);
// 创建Adapter实例
CustomExpandableListAdapter adapter = new CustomExpandableListAdapter(this, expandableListData);
// 设置Adapter
expandableListView.setAdapter(adapter);

几个要注意的小细节 #

• 确保你的子项布局child_item_layout里的控件ID和代码里的对应（比如child_icon、child_text）
• 你的Word类必须有对应的Getter方法：getIconResId()、getText()、getColorCode()，不然代码会报错
• 如果之前的Adapter是用两个独立的ArrayList，现在替换成GroupData列表就能完美解决分组和子项的对应问题

内容的提问来源于stack exchange，提问作者Hessam-Emami