如何让 Tab 控件填充 WPF 中 DockPanel 的中心

如何解决如何让 Tab 控件填充 WPF 中 DockPanel 的中心

我有一个带有 DockPanel 的 WPF 窗口，其中包含一个菜单、一个 TabControl 和一个状态栏。我可以让 Menu 停靠在顶部，让 Status Bar 停靠在底部，但我无法让 Tab 控件填充这两个控件之间的区域。

<Window x:Class="MediaCatalog.Window1"
    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"
    xmlns:local="clr-namespace:MediaCatalog"
    mc:Ignorable="d"
    Title="Window1" Height="450" Width="800">
<DockPanel LastChildFill="False">
    <Menu Width="Auto" VerticalAlignment="Top" HorizontalAlignment="Left" 
                        DockPanel.Dock="Top">
    </Menu>
    <TabControl DockPanel.Dock="Top" Margin="0,0" 
                              BorderThickness="1,1,1" Height="291">
    </TabControl>
    <StatusBar DockPanel.Dock="Bottom" Height="22">
        <StatusBar/>
    </StatusBar>
</DockPanel>

解决方法

最后一个元素将填充 DockPanel，除非您将 LastChildFill 设置为 false：

<DockPanel>
    <Menu DockPanel.Dock="Top">
        <MenuItem Header="A" />
        <MenuItem Header="B" />
    </Menu>

    <StatusBar DockPanel.Dock="Bottom" Height="22" />

    <TabControl Margin="0,0" BorderThickness="1,1,1">
        <TabItem Header="A" />
        <TabItem Header="B" />
    </TabControl>
</DockPanel>

请注意，您不应设置最后一个元素的 DockPanel.Dock 附加属性。

此外，如果您希望 Height 填充剩余空间，您不想为它指定默认的 TabControl。

上面的示例标记将使 TabControl 填充顶部 Menu 和底部 StatusBar 之间的剩余空间：