Xamarin.Forms实现Grid元素均匀分布占满全屏 避免行被过度拉伸

• 行、列定义逻辑错误：你给所有行、列都设置了GridLength.Auto，这种模式下的行/列尺寸只会刚好适配内部子元素的大小，不会主动分配屏幕剩余空间。当Grid本身的尺寸大于所有行/列的内容总尺寸时，Grid找不到可以分摊剩余空间的行，就会把所有多余空间堆到最后一行，直接造成某一行被过度拉伸的效果。
• 子元素尺寸逻辑错误：你给所有按钮硬编码了固定宽高，基于屏幕宽度计算出的尺寸，无法适配垂直方向的空间分配，就算调整了行高，按钮也不会随单元格大小缩放。
• Grid定位逻辑错误：你给Grid设置了CenterAndExpand的布局选项，这个选项会让Grid先按最小内容尺寸计算大小，再把剩余空间留作外围空白把Grid居中，根本没有让Grid真正占满整个屏幕的可用区域。
• 索引计数错误：Grid的行、列索引从0开始计数，你在SetRow/SetColumn中直接传入1、2、3作为索引值，相当于把按钮放到了第2、3、4行/列的位置，越界的位置会被Grid自动补充成Auto尺寸的行/列，进一步加剧布局异常。

要实现「Grid占满全屏、元素均匀分布、没有行/列被异常拉伸」，只需要匹配Xamarin.Forms Grid的布局规则调整逻辑，不需要手动计算像素值：

• 第一步：让Grid真正撑满全屏。将Grid的HorizontalOptions和VerticalOptions设置为LayoutOptions.Fill，这个规则的效果是Grid会强制将自身尺寸扩展到父容器允许的最大范围，不会在周围留多余的空白边距。
• 第二步：等比例分配行和列的空间。将每一行的高度、每一列的宽度设置为等权重的GridLength.Star（即new GridLength(1, GridUnitType.Star)）。Star单位的核心逻辑是，所有带Star的行/列会在扣除固定边距、间距之后，按权重比例平分Grid的所有剩余空间——3行设置相同权重时，会刚好把总高度平均分成3份，没有多余的空间可以被某一行单独占用，从根源上解决某一行被过度拉伸的问题。
• 第三步：取消按钮的固定宽高。将按钮的布局选项设置为Fill，让按钮自动撑满自己所在的单元格，尺寸随单元格大小自动适配，不需要手动计算固定宽高值。
• 第四步：统一设置均匀间距。给Grid配置RowSpacing和ColumnSpacing属性，这两个值会在所有行、列之间添加完全一致的固定间距，Grid计算Star空间分配时会自动把这些间距扣除，保证间距全程均匀，不会出现歪扭的边距。

核心调整点如下，不需要重写全部逻辑：

// 1. Grid本身撑满全屏
panel1.HorizontalOptions = LayoutOptions.Fill;
panel1.VerticalOptions = LayoutOptions.Fill;

// 2. 3列等权重平分宽度
for(int i = 0; i < 3; i++)
{
    panel1.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) });
}

// 3. 3行等权重平分高度
for(int i = 0; i < 3; i++)
{
    panel1.RowDefinitions.Add(new RowDefinition { Height = new GridLength(1, GridUnitType.Star) });
}

// 4. 统一设置均匀的行、列间距
panel1.RowSpacing = 20;
panel1.ColumnSpacing = 20;

// 5. 修正按钮的尺寸逻辑，去掉固定宽高
Button CreateButton(int row, int column)
{
    return new Button
    {
        Text = $"Row {row+1} Column {column+1}",
        CornerRadius = buttonCornerRadius,
        HorizontalOptions = LayoutOptions.Fill,
        VerticalOptions = LayoutOptions.Fill
    };               
}

// 6. 修正行、列索引的计数偏移（从0开始）
Button SetButton (int row, int column)
{
    Button createdButton = CreateButton(row, column);
    Grid.SetRow(createdButton, row - 1);
    Grid.SetColumn(createdButton, column - 1);
    panel1.Children.Add(createdButton);
    return createdButton;
}

内容的提问来源于stack exchange，提问作者João Gabriel