WPF ItemsControl中的项间距

时间:2014-01-07 12:38:15

标签: wpf xaml .net-4.0 itemscontrol

我在ItemsControl中显示List<string>集合。问题是列表项之间没有间距TheyAreAllNextToEachOther。

如何在项目之间创建一些间距?

<ItemsControl Grid.Column="2" 
         Grid.ColumnSpan="2" 
         ItemsSource="{Binding Path=ShowTimes}"
         BorderThickness="0">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel IsItemsHost="True" Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

2 个答案:

答案 0 :(得分:51)

为您的ItemsControl容器(默认ContentPresenter )提供样式,您可以将设置保证金设置为5:

    <ItemsControl>
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="FrameworkElement.Margin" Value="5"/>
            </Style>
        </ItemsControl.ItemContainerStyle>
    </ItemsControl>

答案 1 :(得分:3)

我会添加一个ItemTemplate来设置边距

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <TextBlock Margin="3,3,3,3" Text="{Binding}"/>
   </DataTemplate>
</ItemsControl.ItemTemplate>