我的ListBox中的项之间的差距

Question

当我ListBox使用水平项目创建时,例如:

<DockPanel>
    <ListBox>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBoxItem>
            <Button Content="Hello" />
        </ListBoxItem>
        <ListBoxItem>
            <Button Content="Hello" />
        </ListBoxItem>
    </ListBox>
</DockPanel>

我在列表中的按钮之间有小间隙,如下图中的箭头所示:

我怎么能摆脱这些差距呢？我需要ListBox彼此相邻的物品.我试图改变ItemTemplate的ListBox,但它并没有帮助.

Answer 1

这是因为ListBoxItem的默认ItemContainerStyle中的填充.要删除它,您可以覆盖ItemContainerStyle.例如,只需在ListBox中尝试以下Empty ItemContainerStyle,就可以看到边距不再存在.

    <ListBox >
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate >
                <VirtualizingStackPanel IsItemsHost="True" Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemContainerStyle>
            <Style TargetType="{x:Type ListBoxItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListBoxItem}">
                            <ContentPresenter/>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListBox.ItemContainerStyle>
        <Button Content="hello1" Width="75"/>
        <Button Content="Hello2" Width="75"/>
    </ListBox>

Answer 2

这些差距是里面ControlTemplate的ListViewItems,你必须重写恐怕...

编辑:在某些平台上,你甚至不需要弄乱它Template来摆脱项目之间的差距:

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

为了摆脱最侧面的空白,你实际上需要更改ListBox ControlTemplate本身,这不是项目的问题.在默认的Aero模板中,有一个边框Padding = 1