在RecyclerView的CardView中动态添加表格及行的实现方案

数据老陈

2026-5-20

嘿，这个问题我太熟了——预设一堆隐藏行确实既不灵活又浪费资源，咱们换个完全动态的方案就搞定了！下面给你两种靠谱的实现思路，按需选就行：

方案一：用子RecyclerView实现（推荐，适合多动态行场景）

这种方式最符合RecyclerView的设计理念，尤其适合需要频繁添加/删除行或者行数量较多的情况：

步骤1：修改CardView布局
把你原来固定的表格结构替换成两个独立的RecyclerView，分别对应绿色的Table 1和红色的Table 2，给它们设置唯一ID（比如rv_table1、rv_table2），同时保留添加行的按钮。
步骤2：设计表格行的Item布局
单独写一个item_table_row.xml，定义单行的单元格结构（比如两个TextView），后续动态生成的行都会复用这个布局。

步骤3：编写表格行的适配器
为Table 1和Table 2分别写适配器（或者写一个通用适配器，通过参数区分背景色），适配器内部维护一个行数据列表。核心是实现两个方法：

addRow(TableRowData data)：往列表里添加新数据，然后调用notifyItemInserted(rowList.size() - 1)触发局部刷新
updateData(List<TableRowData> newData)：用于初始化或批量更新行数据

示例代码（通用适配器简化版）：

public class TableRowAdapter extends RecyclerView.Adapter<TableRowAdapter.RowViewHolder> {
    private List<TableRowData> rowList;
    private int rowBackgroundColor;

    public TableRowAdapter(List<TableRowData> rowList, int rowBackgroundColor) {
        this.rowList = rowList;
        this.rowBackgroundColor = rowBackgroundColor;
    }

    // 添加单行
    public void addRow(TableRowData newRow) {
        rowList.add(newRow);
        notifyItemInserted(rowList.size() - 1);
    }

    // 更新全部行数据
    public void updateData(List<TableRowData> data) {
        rowList.clear();
        rowList.addAll(data);
        notifyDataSetChanged();
    }

    @NonNull
    @Override
    public RowViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_table_row, parent, false);
        return new RowViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull RowViewHolder holder, int position) {
        TableRowData row = rowList.get(position);
        holder.tvCell1.setText(row.getCell1());
        holder.tvCell2.setText(row.getCell2());
        holder.itemView.setBackgroundColor(rowBackgroundColor);
    }

    @Override
    public int getItemCount() {
        return rowList.size();
    }

    static class RowViewHolder extends RecyclerView.ViewHolder {
        TextView tvCell1;
        TextView tvCell2;

        public RowViewHolder(@NonNull View itemView) {
            super(itemView);
            tvCell1 = itemView.findViewById(R.id.tv_cell1);
            tvCell2 = itemView.findViewById(R.id.tv_cell2);
        }
    }
}

步骤4：在主CardView适配器中整合子RecyclerView
在主适配器的ViewHolder里，初始化两个子RecyclerView的适配器，绑定添加按钮的点击事件，点击时生成新的行数据并调用子适配器的addRow方法。同时要确保每个CardView的表格数据是独立的（在CardView的数据模型里包含Table1和Table2的行数据列表）。

示例ViewHolder代码：

public class CardViewHolder extends RecyclerView.ViewHolder {
    RecyclerView rvTable1;
    RecyclerView rvTable2;
    Button btnAddTable1;
    Button btnAddTable2;
    TableRowAdapter table1Adapter;
    TableRowAdapter table2Adapter;

    public CardViewHolder(@NonNull View itemView) {
        super(itemView);
        rvTable1 = itemView.findViewById(R.id.rv_table1);
        rvTable2 = itemView.findViewById(R.id.rv_table2);
        btnAddTable1 = itemView.findViewById(R.id.btn_add_table1_row);
        btnAddTable2 = itemView.findViewById(R.id.btn_add_table2_row);

        // 初始化Table1适配器（绿色背景）
        table1Adapter = new TableRowAdapter(new ArrayList<>(), Color.GREEN);
        rvTable1.setAdapter(table1Adapter);
        rvTable1.setLayoutManager(new LinearLayoutManager(itemView.getContext()));
        rvTable1.setNestedScrollingEnabled(false); // 禁用嵌套滚动，避免和主RecyclerView冲突

        // 初始化Table2适配器（红色背景）
        table2Adapter = new TableRowAdapter(new ArrayList<>(), Color.RED);
        rvTable2.setAdapter(table2Adapter);
        rvTable2.setLayoutManager(new LinearLayoutManager(itemView.getContext()));
        rvTable2.setNestedScrollingEnabled(false);

        // Table1添加行事件
        btnAddTable1.setOnClickListener(v -> {
            TableRowData newRow = new TableRowData("Table1新行单元格1", "Table1新行单元格2");
            table1Adapter.addRow(newRow);
        });

        // Table2添加行事件
        btnAddTable2.setOnClickListener(v -> {
            TableRowData newRow = new TableRowData("Table2新行单元格1", "Table2新行单元格2");
            table2Adapter.addRow(newRow);
        });
    }

    // 绑定CardView数据（包括表格行数据）
    public void bind(CardData cardData) {
        // 绑定CardView其他内容...
        table1Adapter.updateData(cardData.getTable1Rows());
        table2Adapter.updateData(cardData.getTable2Rows());
    }
}

方案二：用LinearLayout动态添加View（适合少量行场景）

如果你的表格行数量很少，用LinearLayout作为容器直接添加View会更简单：

步骤1：修改CardView布局
把Table1和Table2换成垂直方向的LinearLayout（比如ll_table1_container、ll_table2_container），保留添加按钮。
步骤2：准备单行布局
同样用item_table_row.xml作为单行的布局模板。

步骤3：在主适配器中动态生成行
在CardView的ViewHolder里，持有LinearLayout的引用和对应的数据列表。写一个方法createTableRowView来inflate单行布局、设置数据和背景色，点击添加按钮时调用这个方法生成View并添加到LinearLayout中，同时把数据加入列表（方便后续修改/删除）。

示例代码片段：

public class CardViewHolder extends RecyclerView.ViewHolder {
    LinearLayout llTable1Container;
    LinearLayout llTable2Container;
    Button btnAddTable1;
    Button btnAddTable2;
    List<TableRowData> table1Rows;
    List<TableRowData> table2Rows;
    Context context;

    public CardViewHolder(@NonNull View itemView) {
        super(itemView);
        context = itemView.getContext();
        llTable1Container = itemView.findViewById(R.id.ll_table1_container);
        llTable2Container = itemView.findViewById(R.id.ll_table2_container);
        btnAddTable1 = itemView.findViewById(R.id.btn_add_table1_row);
        btnAddTable2 = itemView.findViewById(R.id.btn_add_table2_row);

        table1Rows = new ArrayList<>();
        table2Rows = new ArrayList<>();

        btnAddTable1.setOnClickListener(v -> {
            TableRowData newRow = new TableRowData("新行1", "新行2");
            table1Rows.add(newRow);
            View rowView = createTableRowView(newRow, true);
            llTable1Container.addView(rowView);
        });

        btnAddTable2.setOnClickListener(v -> {
            TableRowData newRow = new TableRowData("新行A", "新行B");
            table2Rows.add(newRow);
            View rowView = createTableRowView(newRow, false);
            llTable2Container.addView(rowView);
        });
    }

    // 生成单行View
    private View createTableRowView(TableRowData row, boolean isTable1) {
        View rowView = LayoutInflater.from(context).inflate(R.layout.item_table_row, null);
        TextView tvCell1 = rowView.findViewById(R.id.tv_cell1);
        TextView tvCell2 = rowView.findViewById(R.id.tv_cell2);
        tvCell1.setText(row.getCell1());
        tvCell2.setText(row.getCell2());
        rowView.setBackgroundColor(isTable1 ? Color.GREEN : Color.RED);
        return rowView;
    }

    // 绑定数据时初始化已有行
    public void bind(CardData cardData) {
        // 清空容器
        llTable1Container.removeAllViews();
        llTable2Container.removeAllViews();
        // 加载已有行
        table1Rows.clear();
        table1Rows.addAll(cardData.getTable1Rows());
        for (TableRowData row : table1Rows) {
            llTable1Container.addView(createTableRowView(row, true));
        }
        table2Rows.clear();
        table2Rows.addAll(cardData.getTable2Rows());
        for (TableRowData row : table2Rows) {
            llTable2Container.addView(createTableRowView(row, false));
        }
    }
}

关键注意点

不管用哪种方案，每个CardView的表格数据都要独立存储在对应的CardData模型中，避免多个CardView共享数据导致混乱。
如果用子RecyclerView，一定要禁用嵌套滚动（setNestedScrollingEnabled(false)），否则会出现滚动不流畅的问题。
动态添加行时，优先用局部刷新（比如notifyItemInserted）而非全量刷新（notifyDataSetChanged），提升性能。

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