在 WPF ListView 中添加垂直分隔符的正确方法是什么答案

【问题标题】：What is the correct way to add a vertical separator in a WPF ListView在 WPF ListView 中添加垂直分隔符的正确方法是什么
【发布时间】：2018-05-04 05:23:51
【问题描述】：

我需要在 WPF XAML ListView 中添加某种垂直分隔符。目前我的代码如下所示：

<GridViewColumn Width="10" x:Name="seperator">
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <Border BorderBrush="#FF000000" BorderThickness="1,0,1,0" Margin="-6,-2,-6,-2">
                <Grid Background="Black" Margin="-1, -14, -1, -14"/>
            </Border>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

感觉填充列的背景或在右/左设置边框应该更容易。我发现的结果似乎是动态的或行的。

【问题讨论】：

这能回答你的问题吗？ A vertical Separator control in a Menu, Toolbar, StackPanel, etc. - Is it possible?

标签： wpf xaml

【解决方案1】：

这将使用默认的 ToolBar 样式创建一个垂直分隔符，但如果您愿意，可以使用自己的样式。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <StackPanel Grid.Column="1" Orientation="Horizontal">
        <Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" />
    </StackPanel>
</Grid>

【讨论】：

对于MahApps，可以使用：<Separator " Style="{StaticResource MahApps.Styles.Separator.StatusBar}"/>

【解决方案2】：

最简单的方法是使用边框

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Border Grid.Column="1" Background="Grey" Width="1" Margin="10,0" />
</Grid>

【讨论】：