在.NET 5环境下WPF的Grid中如何通过代码在顶部添加新行

方案一：Grid 顶部动态插入无重叠行 #

你遇到的插入后重叠问题，是因为仅操作了 Children 集合，未同步修改行定义与现有元素的行号。可以通过封装通用扩展方法避免手动逐一修改所有元素的行号，代码如下：

public static class GridExtensions
{
    /// <summary>
    /// 向Grid顶部插入新行，自动偏移现有元素的行号
    /// </summary>
    /// <param name="grid">目标Grid</param>
    /// <param name="newRow">新行定义，不传默认使用自适应高度</param>
    public static void InsertRowAtTop(this Grid grid, RowDefinition newRow = null)
    {
        // 插入新行定义到行集合首位
        newRow ??= new RowDefinition { Height = GridLength.Auto };
        grid.RowDefinitions.Insert(0, newRow);

        // 自动将所有现有子元素的行号+1，无需手动修改
        foreach (UIElement element in grid.Children)
        {
            Grid.SetRow(element, Grid.GetRow(element) + 1);
        }
    }
}

调用时仅需一行代码：
targetGrid.InsertRowAtTop();
之后将需要放在顶部的元素设置 Grid.SetRow(yourElement, 0) 后加入 targetGrid.Children 即可，无重叠问题，操作效率远高于手动修改所有行号。

方案二：其他容器实现窗口自适应拉伸 #

StackPanel、DockPanel 等容器本身支持跟随窗口尺寸自动拓展，你遇到的无法拉伸问题一般是属性配置错误，满足以下两个条件即可实现自适应：

• 容器的 HorizontalAlignment、VerticalAlignment 属性保持默认值 Stretch，不要手动设置为其他枚举值
• 容器的所有父级元素未固定宽高，且父级布局属性也为拉伸状态

如果需要子元素占满剩余空间，更推荐使用 DockPanel，示例代码如下：

<Window x:Class="YourDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <!-- 根容器DockPanel默认跟随窗口自动拉伸 -->
    <DockPanel LastChildFill="True">
        <Button DockPanel.Dock="Top" Content="顶部操作栏" Height="40"/>
        <Button DockPanel.Dock="Bottom" Content="底部状态栏" Height="30"/>
        <!-- 中间内容区域自动填满所有剩余空间，跟随窗口缩放 -->
        <ContentControl x:Name="MainContent"/>
    </DockPanel>
</Window>

如果动态行的数量较多，推荐使用 ItemsControl 绑定 ObservableCollection 的MVVM方案，无需手动操作布局容器的子元素，集合新增数据时UI会自动更新，天然支持顶部插入、无重叠、自适应窗口尺寸。

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