wpf - 如何通过按住标签条中的空白来调整 TabContols 的大小

Question

我有两个选项卡控件堆叠（使用停靠面板），它们的 Tabstrips 的空白重叠重叠。我必须让用户调整这两个 tabcontrols 的高度，尤其是底部的，如果他们需要的话。有什么办法可以让 TabHeaders 旁边的空白区域保持并拖动它来调整大小？

<DockPanel>
    <TabControl DockPanel.Dock="Bottom" Height="200" Margin="0,-20,0,0">
        <TabItem Header="tab 1"></TabItem>
        <TabItem Header="tab2"></TabItem>
    </TabControl>

    <TabControl TabStripPlacement="Bottom" FlowDirection="RightToLeft">
        <TabItem Header="Tab 3" FlowDirection="LeftToRight"></TabItem>
        <TabItem Header="Tab 4" FlowDirection="LeftToRight"></TabItem>
    </TabControl>
</DockPanel>

任何指针将不胜感激。

Answer 1

找到了答案。

    <osc:DockPanelSplitter DockPanel.Dock="Bottom" Margin="0,-20,0,0" Height="20" Panel.ZIndex="-1"/>

    <TabControl TabStripPlacement="Bottom" FlowDirection="RightToLeft">
        <TabItem Header="Tab 3" FlowDirection="LeftToRight"></TabItem>
        <TabItem Header="Tab 4" FlowDirection="LeftToRight"></TabItem>
    </TabControl>
</DockPanel>

关键是DockPanelSplitter上的 Panel.Zindex