.NET MAUI中元素实际宽高始终为NaN的问题求助

在MAUI里直接用ActualWidth/ActualHeight拿不到动态布局元素的尺寸，是因为MAUI的布局流程是异步的，这些属性在元素完成渲染前会一直是NaN，和WPF的同步布局逻辑不一样。针对你的动态Grid布局，有几个可靠的方法能拿到CenterBorder的实际渲染尺寸：

方法一：监听SizeChanged事件 #

这是最直接的方式，元素尺寸一旦确定或变化就会触发该事件，能准确拿到最新值：

1. 在XAML中给CenterBorder添加SizeChanged事件绑定：

<Border x:Name="CenterBorder" Grid.Column="1" VerticalOptions="Fill" HorizontalOptions="Fill" SizeChanged="CenterBorder_SizeChanged"/>

2. 在后台代码中实现事件处理逻辑：

private void CenterBorder_SizeChanged(object sender, EventArgs e)
{
    if (sender is Border centerBorder)
    {
        // 直接用Width/Height，或者通过Bounds获取更准确的布局边界
        double width = centerBorder.Width;
        double height = centerBorder.Height;
        // 或者使用 Bounds：
        // double width = centerBorder.Bounds.Width;
        // double height = centerBorder.Bounds.Height;

        // 这里处理获取到的尺寸，注意该事件可能会多次触发（比如窗口 resize 时）
    }
}

方法二：监听父容器或页面的LayoutChanged事件 #

如果需要在页面布局完成后一次性获取尺寸，可以监听页面的LayoutChanged事件，确保所有元素都完成渲染：

protected override void OnAppearing()
{
    base.OnAppearing();
    this.LayoutChanged += Page_LayoutChanged;
}

private void Page_LayoutChanged(object sender, EventArgs e)
{
    // 移除事件避免重复触发，根据需求选择是否保留
    this.LayoutChanged -= Page_LayoutChanged;

    double width = CenterBorder.Width;
    double height = CenterBorder.Height;
    // 处理尺寸逻辑
}

关键说明 #

• MAUI中ActualWidth/ActualHeight属性的行为和WPF不同，多数场景下直接使用Width/Height或Bounds属性更可靠，它们会在布局完成后自动更新为实际渲染尺寸。
• 动态比例（*）布局的子元素尺寸依赖父容器的最终尺寸，必须等父容器完成布局计算后，子元素的尺寸才会确定，所以不能在页面初始化（比如Constructor或OnNavigatedTo）时直接获取。

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