DockPanel 中的 WPF4 TabControl/Grid 隐藏 StatusBar

Question

我有一个窗口，其中充满了包含 3 个元素的 DockPanel、一个停靠在顶部的 MenuBar、一个停靠在底部的 StatusBar 和一个填充主体的 TabControl。

至少，我希望 TabControl 填充主体。在视觉设计器中，TabControl 和 StatusBar 并排放置，而不是顶部和顶部。底部。当我运行该应用程序时，TabControl 会展开以填充菜单栏下方的 DockPanel，并且 StatusBar 会消失。 （我猜它被推离了父窗口的可见画布。）

我尝试设置垂直和垂直方向。按照此建议进行水平对齐。 我尝试在状态栏上设置 ZIndex。 我尝试使用堆栈面板（都停靠在 DockPanel 内部并替换 DockPanel）。 一切都无济于事:-(

以下是我用来呈现 DockPanel 的 XAML 的摘录。对我做错了什么有什么建议吗？有没有比使用 DockPanel 更好的方法来做到这一点？

    <DockPanel>
    <Menu Name="_menu" Height="23" HorizontalAlignment="Stretch" VerticalAlignment="Top" DockPanel.Dock="Top">
        <MenuItem Header="_User Maintenance">
        </MenuItem>
    </Menu>
    <TabControl 
        x:Name="_panel" 
        ItemsSource="{Binding Path=AllTabs}" 
        Margin="0,0,0,0" 
        Visibility="{Binding Path=Visibility}" 
        DockPanel.Dock="Top"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Stretch"
        >
    </TabControl>
    <StatusBar Name="_statusBar" DockPanel.Dock="Bottom" Margin="0,0,0,0" VerticalAlignment="Bottom">
        <StatusBar.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="26"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                </Grid>
            </ItemsPanelTemplate>
        </StatusBar.ItemsPanel>
        <StatusBarItem Grid.Column="0" Grid.Row="0">
            <ProgressBar Name="_progressBar" Height="20" IsIndeterminate="True" Margin="4,0,4,0" VerticalAlignment="Top" Width="600"/>
        </StatusBarItem>
    </StatusBar>
</DockPanel>

编辑：

通过将 DockPanel.Dock="Top" 添加到 TabControl 以及 Horizo​​ntalAlignment 和 Horizo​​ntalAlignment 中。 VerticalAlignment="Stretch"，我能够在可视设计器中将 TabControl 堆叠在 StatusBar 上方而不是旁边。现在，对于我的某些 TabItem，状态栏仅在运行时消失。

我的 TabControl 数据绑定到公开 UserControls 列表的 ViewModel。每个 UserControl 都包含其自己的数据绑定 DataGrid（通常还有一些其他控件）。在 DataGrid 仅显示几行的那些选项卡中，TabControl 和TabItem 仅拉伸以包含 UserGrid，而使 StatusBar 在页面底部可见。在 DataGrid 显示多行的选项卡上，TabControl 会拉伸以填充窗口，以某种方式隐藏 StatusBar。

如果有帮助，这是我的 DataGrid 定义：

 <DataGrid 
        Name="_customerGrid" 
        Grid.Column="0" 
        Grid.ColumnSpan="3" 
        Grid.Row="1" 
        AutoGenerateColumns="False" 
        CanUserSortColumns="True"
        ColumnHeaderStyle="{StaticResource columnHeaderStyle}"
        HorizontalAlignment="Left" 
        ItemsSource="{Binding Path=AllCustomers}" 
        RowDetailsVisibilityMode="VisibleWhenSelected"
        RowStyle="{StaticResource DataGridRowStyle}"
        SelectionUnit="FullRow"
        VerticalAlignment="Top">

谢谢！

Answer 1

DockPanel 取决于项目的添加顺序。您必须先添加停靠的项目，然后再添加占用剩余空间的项目。就您而言，您只需将项目重新排列为如下所示：

<DockPanel>
  <Menu DockPanel.Dock="Top".../>
  <StatusBar DockPanel.Dock="Bottom".../>
  <TabControl/>
</DockPanel>