WPF 工具栏分隔符在 StackPanel 内时缩小为空

Question

考虑到非常简单的 wpf 应用程序，

<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="800">
    <Grid>
        <ToolBar Height="50" >
            <MenuItem Header="Test1" />
            <MenuItem Header="Test2" />

            <StackPanel Orientation="Horizontal">
                <Separator />
                <MenuItem Header="Test3" />
                <MenuItem Header="Test4" />
                <MenuItem Header="Test5" />
            </StackPanel>
        </ToolBar>
    </Grid>
</Window>

Separator 元素会缩小到没有。 如果我将分隔符放在 StackPanel 开始之前，它就会显示出来。 为什么会出现这种情况？ 是否可以在某处应用样式设置来避免这种情况？

Answer 1

工具栏对于你放入其中的内容很有趣。 当所有元素都不是工具栏的直接子元素时，它们会变得很有趣。 分组元素是 ToolBarTray（工具栏组）、ToolBar 和 ToolBarPanel（逻辑，用于折叠溢出）。 这就是 WPF 希望看到的：

<Grid>
    <ToolBarTray>
        <ToolBar Height="Auto">
            <ToolBarPanel Orientation="Horizontal" ToolBar.OverflowMode="AsNeeded"/>
            <MenuItem Header="Test1" />
            <Separator/>
            <MenuItem Header="Test2" />
        </ToolBar>
        <ToolBar Height="Auto">
            <ToolBarPanel ToolBar.OverflowMode="Never"/>
            <MenuItem Header="Test3" />
            <MenuItem Header="Test4" />
            <Separator/>
            <MenuItem Header="Test5" />
            <ToolBarPanel ToolBar.OverflowMode="AsNeeded"/>
            <MenuItem Header="Test6" />
            <MenuItem Header="Test7" />
        </ToolBar>
    </ToolBarTray>
</Grid>

Answer 2

分隔符默认为水平方向。

直接放置在工具栏内的分隔符的样式已更改，因为工具栏会覆盖其项目的默认样式。 放置在其他地方的分隔符将获得分隔符的默认样式。 因此，如果您想将分隔符保留在 StackPanel 内，则需要自己设置分隔符的样式。

此代码项目讨论包括完成此任务的示例代码。

参考：Adam Nathan 的 WPF Unleashed，第 117 页。

Answer 3

StackPanel 正在以某种方式改变 Separator 的方向。 请注意，如果您明确指定 Separator 的宽度为 20 个单位，则 Separator 将是水平线而不是垂直线。 这就是正在发生的事情的一部分。

如果将 LayoutTransform 应用于 Separator，它将撤消 StackPanel 正在执行的任何操作。

<Separator>
    <Separator.LayoutTransform>
        <RotateTransform
            Angle="90" />
    </Separator.LayoutTransform>
</Separator>

不过，我不明白是否需要 StackPanel。