WPF itemscontrol дочернее выравнивание

Question

У меня есть приложение MVVM WPF с элементами управления элементами. На количество горизонтальных дочерних элементов влияет ширина элементов. Есть только одна вещь, которую я не решил. Я пытаюсь выровнять дочерние элементы таким образом, чтобы они всегда были центрированы. Я сделал быстрые снимки в краске, чтобы продемонстрировать, что я имею в виду.

Как это теперь:

Если ширина дополнительно inceares то элемент далее будет добавлен в горизонтальном направлении. Эта функция должна оставаться.

Как я хотел бы видеть его:

Если есть достаточно места для четвертого пункта, а затем он должен быть добавлен. Я думаю, что ответ может быть простым свойством XAML. У кого-нибудь есть идея?

Answer 1

Поместите ItemsControl в сетке и установить его HorizontalAlignment в Center:

<Grid> 
    <ItemsControl ItemsSource="{Binding Images}" HorizontalAlignment="Center"> 
     <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapPanel Orientation="Horizontal"/> 
      </ItemsPanelTemplate> 
     </ItemsControl.ItemsPanel> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <Image Source="{Binding}" .../> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
    </ItemsControl> 
</Grid>