Question

鉴于非常简单的wpf app

<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开始之前放置Separator，它就会显示出来。为什么会这样？是否有可以在某处应用的样式设置以避免这种情况？

Answer 1

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

如果您将LayoutTransform应用于Separator，则会撤消StackPanel正在执行的操作。

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

我不明白是否需要StackPanel。

Answer 2

分隔符默认为水平方向。

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

This CodeProject discussion包含完成此操作的示例代码。

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

Answer 3

ToolBars对你放入的内容很有趣。当所有元素都不是ToolBar的直接子元素时，它们会变得有趣。分组元素是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>

在StackPanel内部，WPF ToolBar Separator缩小为空

3 个答案: