C# 与网格拆分器相结合的扩展器

我试图将WPF窗口分为两个“区域”，顶部和底部

• 顶部区域包含一个网格
• 底部区域包含一个扩展器

在这两个区域之间应该有一个GridSplitter，用户可以使用它来调整区域的大小。
每个区域的内容应使用该区域的全部高度

默认情况下，扩展器是展开的。
当用户关闭扩展器时，底部区域应将其高度降低至折叠扩展器的高度

这是我的代码：

<Window
    x:Class="App.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Title="Shell" Height="800" Width="1200">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid Name="MainContentGrid">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <!-- Top area -->
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"></RowDefinition>
                    <RowDefinition Height="*"></RowDefinition>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Button Grid.Row="0" Grid.Column="0">1</Button>
                <Button Grid.Row="1" Grid.Column="0">2</Button>
                <Button Grid.Row="0" Grid.Column="1">3</Button>
                <Button Grid.Row="1" Grid.Column="1">4</Button>
            </Grid>
            <GridSplitter Grid.Row="1" 
              HorizontalAlignment="Stretch" 
              VerticalAlignment="Top"
              Background="Black" 
              ShowsPreview="true"
              ResizeDirection="Rows"
              Height="5"></GridSplitter>
            <!-- Bottom area -->
            <Expander Grid.Row="1" Margin="0,5,0,0" IsExpanded="True" Height="Auto" VerticalAlignment="Stretch">
                <Border Background="Red" Height="Auto" MinHeight="100" VerticalAlignment="Stretch"></Border>
            </Expander>
        </Grid>
        <!-- Application Status Region -->
        <ContentControl prism:RegionManager.RegionName="{x:Static local:RegionNames.StatusRegion}" Grid.Row="1" />
    </Grid>
</Window>

1.
2.
3.
4.

有两件事不起作用：

• 扩展器不会占用所有可用空间（不会更改其高度）

• 当我关闭扩展器时，GridSplitter不允许顶部区域使用所有可用空间。

---

如何实现这一点？

一旦您与

网格拆分器进行交互，它们将在网格行/列定义上设置具体的相对或绝对
高度
/
宽度
值。因此，一旦您折叠了
扩展器
，您应该将其行的
高度
设置为
GridLength.Auto
谢谢您的帮助！你的解决方案有效。但我必须改变另一件事…GridSplitter在它自己的行中…我删除了该行并将其添加到包含扩展器的行中。