包装面板项目分隔符WPF

Question

我有一个带有WrapPanel的扩展器控件：

<Expander Background="Black">
                <Expander.Header>
                    <BulletDecorator>
                        <BulletDecorator.Bullet>
                            <Image Source="../Images/Button/customiseButton_Transparent.png" Width="64" Height="64" HorizontalAlignment="Left" VerticalAlignment="Top" />
                        </BulletDecorator.Bullet>
                        <TextBlock Margin="10,0,0,0" Text="Customize" VerticalAlignment="Center" HorizontalAlignment="Stretch" Foreground="White" />
                    </BulletDecorator>
                </Expander.Header>
                <WrapPanel>
                    <StackPanel Orientation="Horizontal">
                        <Image  Source="Images/Button.png" />
                        <Label  Content="Phone" Foreground="Snow" VerticalAlignment="Center"/>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Image  Source="Images/Button.png" />
                        <Label  Content="Colour" Foreground="Snow" VerticalAlignment="Center"/>
                    </StackPanel>
                </WrapPanel>
            </Expander>

我需要在两个堆叠面板之间显示白色分隔符。

我尝试添加<Seperator/>标记，但是它不起作用

Answer 1

使用此标签：

<Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" />

Answer 2

实际上， Separator不过是Border元素，因此应该可以正常工作：

<WrapPanel>
    <StackPanel Orientation="Horizontal">
        <Image  Source="Images/Button.png" />
        <Label  Content="Phone" Foreground="Snow" VerticalAlignment="Center"/>
    </StackPanel>
    <Border Width="2" Background="Red" />
    <StackPanel Orientation="Horizontal">
        <Image  Source="Images/Button.png" />
        <Label  Content="Colour" Foreground="Snow" VerticalAlignment="Center"/>
    </StackPanel>
</WrapPanel>

只需根据您的要求更改“ Border的“ Width和“ Background属性。

除非您修改其ControlTemplate否则实际的Separator元素在Windows 10上的Height始终为1。