ListBox内部布局

Question

我的WPF应用程序有一个ListBox，其ItemTemplate如下所示：

<DataTemplate x:Key="DomainTemplate" DataType="DomainViewModel">
    <Border BorderBrush="{Binding Converter={StaticResource BrushConverter}, Path=IsSelected}"
            BorderThickness="3"
            Grid.Column="0"
            Name="SelectedBorder"
            Padding="5">
        <Button Click="SelectDomain_Click"
                FontSize="16"
                FontWeight="Bold"
                IsEnabled="{Binding Path=CurrentSiteIsValid, RelativeSource={RelativeSource AncestorType={x:Type c:DomainPicker}}}"
                MinHeight="60"
                Tag="{Binding Path=DomainId}"
                Width="120">
            <TextBlock Text="{Binding Path=Name}"
                       TextAlignment="Center"
                       TextWrapping="WrapWithOverflow" />
        </Button>
    </Border>
</DataTemplate>

窗口的宽度由ListBox的宽度驱动。这是经过设计的。在ListBox的垂直边缘和其中的项目之间似乎有很大的空间。使用Snoop，我看到ListBoxItem包含一个与ListBox宽度相同的Border，Margin为0，Padding设置为2,0,0,0。

Border包含一个ContentPresenter，其宽度比包含它的Border小29个单位。Border上的Padding似乎占了其中的2个单位。其Margin为0，并且不具有填充属性。

如果可以的话，我实际上想把这个窗口缩小一点，而不让模板中的Buttons变窄。那29个单元的空间是从哪里来的？有办法改变它的尺寸吗？

Answer 1

我也遇到过这个问题，在这个问题中，我使用了WrapPanel作为ListBox的ItemPanel，在某些情况下，由于您提到的问题，我的项目之间出现了间隙。修复方法如下：

<ListBox.ItemContainerStyle>
   <Style TargetType="ListBoxItem">
      <Setter Property="Padding" Value="0"/>
   </Style>
</ListBox.ItemContainerStyle>