c# - 具有水平和垂直方向的 WrapPanel

Question

我有一个列表框，其中包含三种不同大小的项目。项目的高度如下:

• 178x100px
• 100x100 像素
• 100x178px

我想要项目之间没有填充或边距的布局。

但是我得到了这个结果:

不同高度/宽度的项目之间有一个边距。

我想做的是删除这些项目之间的边距，让它们紧挨着彼此，但我不知道要使用哪个面板，或者要设置什么样式。

这是列表框的 XAML。这些项目是 View 模型的一部分，其中包含表示纵横比(16:9、1:1、9:16)的枚举

<ListBox x:Name="previewList">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Width="525" IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>

    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Height="{Binding Path=previewSize, Converter={StaticResource sizeConverter}, ConverterParameter={StaticResource True}}"
                  Width="{Binding Path=previewSize, Converter={StaticResource sizeConverter}, ConverterParameter={StaticResource False}}" Background="Blue">

            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Setter Property="Padding"
            Value="0"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

Answer 1

托克弗兰斯，

您需要移除 ListViewItems 上的边框。

1. 创建一个ListViewItemStyle资源(你可以右键点击Listbox/Edit Additional templates/Edit Copy)

1. 创建的 XAML 遵循 BorderThickness 的手动修改:

编辑:**** 抱歉，XAML 解决方案不可见!

<Window.Resources>
    <Style x:Key="ListBoxItemStyle1" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Padding"
            Value="0"/>
        <Setter Property="BorderThickness"
            Value="0"/>
    </Style>
</Window.Resources>

并将样式分配给 ListBox :

<ListBox x:Name="previewList" ItemContainerStyle="{DynamicResource ListBoxItemStyle1}">

问候