Wpf 状态栏中带有分隔符且具有ItemSource的DataTemplate

所以我有这个状态栏

  <StatusBar x:Name="RightSideStaticStatusBar" Grid.Column="2">
                <StatusBar.Background>
                    <SolidColorBrush Color="AliceBlue" Opacity="0.5"></SolidColorBrush>
                </StatusBar.Background>
                <Separator></Separator>
                <StatusBarItem HorizontalAlignment="Right" HorizontalContentAlignment="Stretch" Width="300">

                </StatusBarItem>
            </StatusBar>

它返回一个以分隔符开头的状态栏，其中有一项

现在我有了另一个状态栏，它有一个带有特定模板的动态项目列表

  <StatusBar x:Name="StatusBar" ItemsSource="{Binding}" Grid.Column="1">
                <StatusBar.Background>
                    <SolidColorBrush Color="Red" Opacity="0.5"/>
                </StatusBar.Background>
                <StatusBar.ItemTemplate>
                    <DataTemplate>                    

                        <StackPanel Orientation="Horizontal">
                            <uc:StatusBarItem/>
                            <Separator>
                                <Separator.LayoutTransform>
                                    <RotateTransform Angle="90" />
                                </Separator.LayoutTransform>
                            </Separator>
                        </StackPanel>
                    </DataTemplate>
                </StatusBar.ItemTemplate>
            </StatusBar>

这是第二个状态栏的结果。分离器的外观完全不同，“静态”分离器的颜色为黑色，“动态”分离器的颜色为白色。而且高度也不一样

有没有办法制作一个以usercontrol为模板的状态栏，并在每个项之间添加分隔符？我试图在UserControl中添加分隔符，但结果与您在这里看到的相同，分隔符非常小，现在占据了状态栏的全部高度

有没有一种方法可以创建一个状态栏，其中包含一个usercontrol作为 模板，并在每个项目之间添加分隔符

您应该使用

ItemContainerStyle

来获得所需的结果：

<StatusBar.ItemContainerStyle>
    <Style TargetType="StatusBarItem" BasedOn="{StaticResource {x:Type StatusBarItem}}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="StatusBarItem">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="5"/>
                        </Grid.ColumnDefinitions>
                        <ContentPresenter />
                        <Separator Grid.Column="1"  Style="{StaticResource {x:Static StatusBar.SeparatorStyleKey}}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</StatusBar.ItemContainerStyle>

另外，我在

ItemContainerStyle

中的

Separator

上应用了

StatusBar.Separator

样式，以获得默认的状态栏分隔符外观

结果：

---

这里有一个链接，可以进一步阅读StatusBar默认样式和模板。

非常感谢，我将进一步查看文档，我为此挣扎了好几个小时。这是一种魅力。除了最后的项目采取了全宽度的面板上，但这是一个简单的修复。

<StatusBar.ItemTemplate>
    <DataTemplate>
        <uc:StatusBarItem/>
    </DataTemplate>
</StatusBar.ItemTemplate>