Xamarin/C#中如何根据Entry输入值动态生成Grid行并适配表格分割线

所有逻辑的核心是用统一的流程封装表格尺寸变更操作，把分散的硬编码操作整合到可复用的方法中，从根源上避免属性漏改导致的显示异常，对应三个核心问题的解决路径如下：

• Entry输入监听与动态行生成

1. 提前维护全局表格状态字段：记录当前表格总行数、总列数，避免每次输入时遍历Grid控件的RowDefinitions集合带来的性能损耗。
2. 给Entry的TextChanged事件绑定校验逻辑：过滤非数字、空值、负数输入，将解析得到的目标行数与当前记录的总行数做差值计算，仅按差值循环新增/移除对应数量的RowDefinition，无需每次全量重建表格。

• 新增行的横向分割线同步
  将横向分割线的创建逻辑封装为独立方法，在循环新增行的流程中，每新增一行定义，立即创建对应横跨全列的BoxView作为横向分割线，将其绑定到新行的索引位置，保证每一行的边界分隔完整。同时将所有横向分割线的引用做单独记录，方便后续删除行时快速定位清理。
• 垂直分割线RowSpan统一修正
  提前将所有垂直分割线的引用存入独立列表，无论本次是新增还是删除行，在所有行的增删操作全部完成后，统一遍历垂直分割线列表，将每一条分割线的Grid.RowSpan设置为当前最新的总行数，确保垂直分割线能完整覆盖表格的全部高度，彻底解决之前硬编码逐次修改RowSpan容易遗漏的问题。

核心实现代码示例 #

// 全局状态维护字段
private int _currentTableRowCount = 2; // 表格初始固定行数
private const int TotalColumnCount = 3; // 表格固定总列数
private Grid _mainTableGrid;
private List<BoxView> _verticalDividerList = new List<BoxView>();

// 替换硬编码逻辑的基础表格初始化方法
private void InitBaseTable()
{
    // 初始化固定列定义
    for(int colIndex = 0; colIndex < TotalColumnCount; colIndex++)
    {
        _mainTableGrid.ColumnDefinitions.Add(new ColumnDefinition());
    }

    // 初始化基础行与对应横向分割线
    for(int rowIndex = 0; rowIndex < _currentTableRowCount; rowIndex++)
    {
        _mainTableGrid.RowDefinitions.Add(new RowDefinition{Height = GridLength.Auto});
        AddHorizontalDividerToRow(rowIndex);
    }

    // 初始化垂直分割线并存入统一列表
    for(int colIndex = 1; colIndex < TotalColumnCount; colIndex++)
    {
        var verticalDivider = new BoxView
        {
            Color = Color.Gray,
            WidthRequest = 1,
            VerticalOptions = LayoutOptions.FillAndExpand
        };
        Grid.SetColumn(verticalDivider, colIndex);
        Grid.SetRow(verticalDivider, 0);
        Grid.SetRowSpan(verticalDivider, _currentTableRowCount);
        _mainTableGrid.Children.Add(verticalDivider);
        _verticalDividerList.Add(verticalDivider);
    }
}

// 横向分割线创建逻辑封装
private void AddHorizontalDividerToRow(int targetRowIndex)
{
    var horizontalDivider = new BoxView
    {
        Color = Color.Gray,
        HeightRequest = 1,
        HorizontalOptions = LayoutOptions.FillAndExpand
    };
    Grid.SetRow(horizontalDivider, targetRowIndex);
    Grid.SetColumnSpan(horizontalDivider, TotalColumnCount);
    _mainTableGrid.Children.Add(horizontalDivider);
}

// Entry输入变更触发的表格行数调整核心方法
private void OnRowCountInputChanged(object sender, TextChangedEventArgs e)
{
    // 输入合法性校验
    if(!int.TryParse(e.NewTextValue, out int targetRowCount) || targetRowCount < 1)
    {
        return;
    }
    int rowDiff = targetRowCount - _currentTableRowCount;
    if(rowDiff == 0) return;

    // 处理新增行逻辑
    if(rowDiff > 0)
    {
        for(int i = 0; i < rowDiff; i++)
        {
            int newRowIndex = _currentTableRowCount + i;
            // 新增行定义
            _mainTableGrid.RowDefinitions.Add(new RowDefinition{Height = GridLength.Auto});
            // 同步添加当前行的横向分割线
            AddHorizontalDividerToRow(newRowIndex);
            // 可在此处给新行绑定对应的Entry输入控件
        }
        _currentTableRowCount = targetRowCount;
    }
    // 处理删除行逻辑（支持输入更小值缩减表格）
    else
    {
        int removeCount = Math.Abs(rowDiff);
        for(int i = 0; i < removeCount; i++)
        {
            int removeRowIndex = _mainTableGrid.RowDefinitions.Count - 1;
            // 移除对应行定义
            _mainTableGrid.RowDefinitions.RemoveAt(removeRowIndex);
            // 清理对应位置的横向分割线
            var dividerToRemove = _mainTableGrid.Children
                .FirstOrDefault(elem => Grid.GetRow(elem) == removeRowIndex 
                                && elem is BoxView box && box.HeightRequest == 1);
            if(dividerToRemove != null) _mainTableGrid.Children.Remove(dividerToRemove);
        }
        _currentTableRowCount = targetRowCount;
    }

    // 【关键收尾步骤】统一刷新所有垂直分割线的RowSpan，适配最新总行数
    foreach(var vDivider in _verticalDividerList)
    {
        Grid.SetRowSpan(vDivider, _currentTableRowCount);
    }
}

实操注意事项 #

• 分割线像素适配：不同设备分辨率下纯1像素的BoxView会出现粗细不均的问题，可通过DeviceDisplay.MainDisplayInfo.Density做换算，将分割线的尺寸设置为1物理像素值，保证显示效果一致。
• 性能优化：如果需要支持上百行以上的动态生成，不建议直接将所有子控件添加到Grid中，可改用带虚拟化能力的布局控件承载单元格内容，避免UI卡顿。
• 逻辑边界：所有和分割线跨距、位置相关的属性修改，必须集中在行数变更的统一流程中触发，禁止在零散代码片段中单独修改单个分割线的属性，从流程上避免漏改问题。

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