WPF开发中如何让Grid填满窗口，Grid2设为Collapsed时消除底部空白

问题根源 #

你遇到的空白是Grid行高的分配规则导致的：RowDefinition设置为*时，无论该行内的元素是否可见，行本身都会按比例占用父容器的剩余空间。你定义的三行高度是*/50/*，即使第三行内的Grid2设为Collapsed，第三行依然会占用一半的剩余高度，就形成了空白区域。

解决方案 #

方案1：动态控制第三行高度（适配现有代码，改动最小）

在修改Grid2可见性的同时，同步修改第三行的高度即可：

1. 先给外层Grid命名，方便后台访问：

<Grid x:Name="RootGrid" Background="Red">
    <!-- 其余原有代码保持不变 -->
</Grid>

2. 后台控制逻辑（C#示例）：

// 隐藏Grid2时
Grid2.Visibility = Visibility.Collapsed;
RootGrid.RowDefinitions[2].Height = new GridLength(0);

// 显示Grid2时
Grid2.Visibility = Visibility.Visible;
RootGrid.RowDefinitions[2].Height = new GridLength(1, GridUnitType.Star);

方案2：更换外层容器为DockPanel（无需额外控制逻辑）

如果不想写后台控制代码，可以直接调整外层布局，利用DockPanel的停靠规则自动适配空间：

<DockPanel Background="Red">
    <!-- 固定在底部的Label -->
    <Label DockPanel.Dock="Bottom" Background="Gray" Content="123" Height="50"/>
    <!-- 停靠在Label上方的Grid2，隐藏时自动释放空间 -->
    <Grid x:Name="Grid2" DockPanel.Dock="Bottom" Visibility="Visible">
        <ListBox>
            <ListBoxItem>Item 1</ListBoxItem>
            <ListBoxItem>Item 2</ListBoxItem>
            <ListBoxItem>Item 3</ListBoxItem>
            <ListBoxItem>Item 4</ListBoxItem>
            <ListBoxItem>Item 5</ListBoxItem>
            <ListBoxItem>Item 6</ListBoxItem>
            <ListBoxItem>Item 7</ListBoxItem>
            <ListBoxItem>Item 8</ListBoxItem>
            <ListBoxItem>Item 9</ListBoxItem>
            <ListBoxItem>Item 10</ListBoxItem>
        </ListBox>
    </Grid>
    <!-- 自动撑满剩余空间的Grid1 -->
    <Grid x:Name="Grid1">
        <ListBox>
            <ListBoxItem>Item 1</ListBoxItem>
            <ListBoxItem>Item 2</ListBoxItem>
            <ListBoxItem>Item 3</ListBoxItem>
            <ListBoxItem>Item 4</ListBoxItem>
            <ListBoxItem>Item 5</ListBoxItem>
            <ListBoxItem>Item 6</ListBoxItem>
            <ListBoxItem>Item 7</ListBoxItem>
            <ListBoxItem>Item 8</ListBoxItem>
            <ListBoxItem>Item 9</ListBoxItem>
            <ListBoxItem>Item 10</ListBoxItem>
        </ListBox>
    </Grid>
</DockPanel>

该方案下Grid2设为Collapsed时会自动释放占用的空间，Grid1会自动撑满整个剩余区域，两个Grid同时显示时也会各自占用一半高度，完全符合需求。

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