WPF ListView 在内部布局面板周围有一个一像素边框。我该如何摆脱它？

Question

我有一个类似这样的 ListView：

<ListView 
    x:Name="SeriesListView"
    SnapsToDevicePixels="True"
    ItemsSource="{Binding Items}"
    BorderBrush="Transparent" BorderThickness="0"
    Padding="0" Margin="0" 
    VerticalContentAlignment="Top"
    Background="Purple"
    LostFocus="ListView_LostFocus"
    >

    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <local:LDSeriesPanel
                SnapsToDevicePixels="True" 
                MaxWidth="{Binding ElementName=itControl,Path=ActualWidth}"
                VerticalAlignment="Stretch" HorizontalAlignment="Stretch" 
                MinHeight="{x:Static local:LDSeriesPanel.MIN_HEIGHT}" 
                MinWidth="{x:Static local:LDSeriesPanel.MIN_WIDTH}"
                Margin="0"
                Background="Aquamarine"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

当它为空时，我定义的自定义面板的宽度和高度是 15 x 15。我可以确认这些是运行时的实际尺寸。但是，ListView 本身的尺寸为 17 x 17（即面板和 ListView 之间的一像素边框）。

从自定义面板开始，沿着树向上走，我得到以下祖先：

• ItemsPresenter: 15x15
• ScrollViewer: 15x15
• Grid: 15x15
• ScrollViewer: 15x15
• Border: 17x17
• ListView: 17x17

如果我将 ListView 上的 Padding 更改为 -1，它会删除边界，但会导致其他几个问题。

我希望避免重新设计整个 ListView。其他一切都工作正常。有什么方法可以删除这个像素边框，也许通过一种样式？

Answer 1

这非常简单，如果您有混合，您可以右键单击列表视图并选择编辑模板并从边框中删除填充。您可以直接在 xaml 中执行此操作。由于我希望所有列表视图都没有此边框，因此我在项目的根目录中创建了一个名为 MyprojectnameResources.xaml 且包含此内容的资源文件。

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<ControlTemplate x:Key="ListViewNewTemplate" TargetType="{x:Type ListBox}">
    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="0" SnapsToDevicePixels="True">
        <ScrollViewer Focusable="False" Padding="{TemplateBinding Padding}">
            <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
        </ScrollViewer>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
        </Trigger>
        <Trigger Property="IsGrouping" Value="True">
            <Setter Property="ScrollViewer.CanContentScroll" Value="False"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>
<!-- Resource dictionary entries should be defined here. -->

然后您可以简单地将此模板与您想要的任何列表视图一起使用

<ListView Width="1020" Height="764" ItemsSource="{Binding Destinations}" ItemTemplate="{DynamicResource DestinationDataTemplate}"  Canvas.Top="0" Canvas.Left="0" BorderThickness="0" Template="{DynamicResource ListViewNewTemplate}"  />

Answer 2

一个快速而肮脏的解决方案（强调“肮脏”）：

<ListView Padding="-1" />

Answer 3

对我来说最简单的解决方案是将边框的厚度设置为 0，例如：

<ListBox BorderThickness="0" />

不需要模板...

Answer 4

我刚刚查看了 ListView 的默认模板，确实 Border 的显式填充为 1...所以我认为您无法在不重新定义的情况下做到这一点模板。无论如何，这并不是很困难：只需使用 StyleSnooper 或 ShowMeTheTemplate 之类的工具复制默认模板（我认为 Blend 也可以做到），然后更改您需要的内容...