Xamarin Forms动态设置Grid尺寸实现严格正方形布局咨询

你的代码未生效主要有三个原因：

• PlotMap设置了HorizontalOptions="Fill"、VerticalOptions="Fill"，填充规则优先级高于WidthRequest/HeightRequest，设置的请求尺寸会被父布局的拉伸逻辑覆盖
• 外层Grid触发SizeChanged时，PlotMap尚未完成布局，此时读取的PlotMap.Width/PlotMap.Height为无效初始值（-1），计算逻辑本身就不成立
• 调用全局ForceLayout()效率极低，且不能解决布局规则优先级的问题

修改XAML #

调整PlotMap的布局选项，避免填充规则覆盖请求尺寸：

<Grid SizeChanged="Grid_SizeChanged"  Background="Black" >
    <Grid Margin="10" HorizontalOptions="Center" VerticalOptions="Center" x:Name="PlotMap" SizeChanged="PlotMap_SizeChanged">
        <!-- 原有内容 -->
    </Grid>
</Grid>

修改后台C#代码 #

从父布局读取可用尺寸计算正方形边长：

private void Grid_SizeChanged(object sender, EventArgs e)
{
    var parentGrid = sender as Grid;
    if (parentGrid == null || parentGrid.Width < 0 || parentGrid.Height < 0) return;
    // 减去PlotMap的上下左右Margin总和
    var squareSide = Math.Min(parentGrid.Width, parentGrid.Height) - 20;
    if (squareSide <= 0) return;
    PlotMap.WidthRequest = squareSide;
    PlotMap.HeightRequest = squareSide;
    // 仅刷新PlotMap布局即可，无需全局重绘
    PlotMap.InvalidateMeasure();
}

private void PlotMap_SizeChanged(object sender, EventArgs e)
{
    // 原有绘图更新逻辑
}

该方案无事件耦合、复用性强，不需要在每个页面写适配逻辑，自动兼容横竖屏切换：

自定义控件代码 #

public class SquareGrid : Grid
{
    protected override SizeRequest OnMeasure(double widthConstraint, double heightConstraint)
    {
        // 取宽高约束的最小值作为正方形边长
        var sideLength = Math.Min(widthConstraint, heightConstraint);
        return new SizeRequest(new Size(sideLength, sideLength));
    }
}

XAML中使用 #

直接替换原有Grid即可，不需要额外写SizeChanged事件：

<Grid Background="Black">
    <local:SquareGrid Margin="10" x:Name="PlotMap" SizeChanged="PlotMap_SizeChanged">
        <!-- 原有内容 -->
    </local:SquareGrid>
</Grid>

注意local为你的自定义控件所在命名空间的XAML别名，需根据实际项目命名空间调整

两种方案都不依赖固定窗口尺寸，横竖屏切换时Xamarin Forms会自动触发布局重算，无需额外处理适配逻辑。

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