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

Question

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

<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,0,0" 
                              BorderThickness="1,1,1,1" Height="291">
    </TabControl>
    <StatusBar DockPanel.Dock="Bottom" Height="22">
        <StatusBar/>
    </StatusBar>
</DockPanel>

Answer 1

最后一个元素将填充 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,0,0" BorderThickness="1,1,1,1">
        <TabItem Header="A" />
        <TabItem Header="B" />
    </TabControl>
</DockPanel>

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

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

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

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

How to have a Tab control fill the center of a DockPanel in WPF

wpf

dockpanel