Element-Abstand in WPF ItemsControl

Ich bin Anzeige a List<string> Sammlung in einem ItemsControl. Das problem ist, dass es keinen Abstand zwischen den Listenelementen TheyAreAllNextToEachOther.

Wie kann ich es schaffen etwas Abstand zwischen den Elementen?

<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>
  • Nur damit Sie wissen, dass der Unterschied zwischen den beiden Antworten, die du bereits zur Verfügung gestellt wurde, die ItemContainerStyle ist ein Style für die "item-container", oder die ListBoxItem wenn Sie mit einer ListBox. Die ItemTemplate ist ein DataTemplate, der definiert, was der "Inhalt" der Artikel Aussehen sollte. Also, in der ItemContainerStyle haben, können Sie auf die Eigenschaften der container (zB. ListBoxItem.IsSelected) und in der DataTemplate können Sie den Zugriff auf die öffentlichen Eigenschaften der Klasse des Datenelements.
InformationsquelleAutor Denys Wessels | 2014-01-07
  1. 3

    Ich würde hinzufügen eines ItemTemplate wo Sie die margin -

    <ItemsControl.ItemTemplate>
    <DataTemplate>
        <TextBlock Margin="3,3,3,3" Text="{Binding}"/>
   </DataTemplate>
</ItemsControl.ItemTemplate>
    • Während dies funktioniert, und ähnelt so ziemlich jeder anderen Lösung gibt, ist es nicht ideal. Wenn es nur ein Element, das Sie hinzufügen, Abstand für nichts, und das erste und das Letzte Element immer mehr Platz. Dies bedeutet auch, dass jedes element hat eine effektive Abstand von 6, weil das Vorherige element wird immer haben eine Marge von 3 bereits bestehenden.
    • Wenn Sie möchten, dass ein Abstand von 3 Sie können einstellen, linken und rechten Rand bei 1,5... nur sagen
    • Wenn Sie wollen einfach nur Lücken, ohne äußere Abstand der Elemente gesteuert, negative Margen, um das Element panel, gleich der positiven Marge aus den Artikeln: <WrapPanel IsItemsHost="True" Orientation="Horizontal" Margin="-3,-3,-3,-3"/> bei dieser Antwort mit einem Punkt Rückstand von 6.
    • Nicht zu empfehlen, Daten-Vorlage für dieses in der Praxis. Wenn alles, was Sie über Pflege ist die Marge itemcontainer ist viel besser.
    InformationsquelleAutor gomi42
  2. 51

    Geben Stil zu Ihrem ItemsControl Container (Standard ContentPresenter) wie diese, wo können Sie set-Marge zu sagen 5:

        <ItemsControl>
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="FrameworkElement.Margin" Value="5"/>
            </Style>
        </ItemsControl.ItemContainerStyle>
    </ItemsControl>
    InformationsquelleAutor Rohit Vats
Schreibe einen Kommentar