Flutter中如何自动取消选中所选项目下方的所有条目

核心思路是通过维护条目选中状态集合，在目标条目取消选中时，批量更新其自身及下方所有条目的选中状态，最后通知列表刷新UI。以下是具体实现步骤和代码示例：

1. 定义数据模型（维护选中状态） #

首先需要一个包含选中状态字段的数据类，用来记录每个条目的选中情况：

public class ListItem {
    private String title;
    private boolean isSelected;

    public ListItem(String title) {
        this.title = title;
        this.isSelected = false;
    }

    // Getter & Setter
    public boolean isSelected() { return isSelected; }
    public void setSelected(boolean selected) { isSelected = selected; }
    public String getTitle() { return title; }
}

2. 自定义ListView Adapter #

在Adapter中处理条目的选中逻辑，当用户取消选中某个条目时，遍历该位置到列表末尾的所有条目，将它们的选中状态置为false，再刷新列表：

public class CustomListAdapter extends BaseAdapter {
    private Context mContext;
    private List<ListItem> mItemList;

    public CustomListAdapter(Context context, List<ListItem> itemList) {
        mContext = context;
        mItemList = itemList;
    }

    @Override
    public int getCount() { return mItemList.size(); }
    @Override
    public Object getItem(int position) { return mItemList.get(position); }
    @Override
    public long getItemId(int position) { return position; }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item_layout, parent, false);
            holder = new ViewHolder();
            holder.checkBox = convertView.findViewById(R.id.item_checkbox);
            holder.titleTv = convertView.findViewById(R.id.item_title);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        ListItem currentItem = mItemList.get(position);
        holder.titleTv.setText(currentItem.getTitle());
        holder.checkBox.setChecked(currentItem.isSelected());

        // 处理CheckBox选中状态变化
        holder.checkBox.setOnCheckedChangeListener((buttonView, isChecked) -> {
            if (!isChecked) {
                // 取消选中时，批量更新当前及下方所有条目
                for (int i = position; i < mItemList.size(); i++) {
                    mItemList.get(i).setSelected(false);
                }
                notifyDataSetChanged();
            } else {
                // 选中当前条目时，仅更新自身状态（可根据需求调整）
                currentItem.setSelected(true);
            }
        });

        return convertView;
    }

    static class ViewHolder {
        CheckBox checkBox;
        TextView titleTv;
    }
}

3. 在Activity中初始化列表 #

// 初始化列表数据
List<ListItem> itemList = new ArrayList<>();
for (int i = 1; i <= 10; i++) {
    itemList.add(new ListItem("条目 " + i));
}

// 设置Adapter
ListView listView = findViewById(R.id.custom_list);
CustomListAdapter adapter = new CustomListAdapter(this, itemList);
listView.setAdapter(adapter);

注意事项 #

• 如果列表条目数量极大，notifyDataSetChanged()会刷新整个列表，可考虑优化为局部刷新（若使用RecyclerView，可调用notifyItemRangeChanged(position, mItemList.size() - position)提升性能）。
• 确保滚动列表时状态不错乱，核心是Adapter的getView方法严格根据数据模型的状态渲染UI。

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