Связанные объекты ObservableCollection для UserControl в WrapPanel?

Question

Я могу просто пропустить что-то очевидное здесь, поэтому я извиняюсь, если это очень глупый вопрос. У меня есть WrapPanel в представлении, что мне нужно связать с ObservableCollection на ViewModel. Этот ObservableCollection содержит другой тип ViewModel, который должен быть привязан к другому типу вида, когда отображается в WrapPanel. Цель состоит в том, чтобы создать пакетный список элементов, каждый из которых отображается через экземпляр меньшего вида, который должен быть добавлен в WrapPanel.

Я использую MVVM, и ViewModel не имеет прямого доступа к представлению. Я бы предпочел не создавать привязку между ViewModel и View, если это вообще возможно, поэтому вручную добавление элементов в коллекцию WrapPanel.Children не является жизнеспособным вариантом. Я в недоумении относительно того, как я могу привязать коллекцию дочерних объектов ViewModel к WrapPanel таким образом, чтобы он создавал экземпляры другого представления и добавлял их себе. Я просто неправильно подхожу к проблеме? Я полагаю, что, вероятно, задействован DataTemplate, но не кажется, что WrapPanel имеет DataTemplate и не может быть привязан.

Спасибо за понимание.

Answer 1

Что вам нужно, это ListView, который использует WrapPanel для размещения всех элементов.

<ListView ItemsSource={...}> 
    <ListView.ItemsPanel> 
    <ItemsPanelTemplate> 
     <WrapPanel IsItemsHost="True" /> 
    </ItemsPanelTemplate> 
    </ListView.ItemsPanel> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
     <!-- Fill in how you want each item to look here --> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 

Answer 2

Используйте ItemsControl, и установите его ItemsPanel к WrapPanel:

<ItemsControl ItemsSource="{Binding Something}" ItemTemplate="{StaticResource YourDataTemplate}"> 
    <ItemsControl.ItemsPanel> 
    <ItemsPanelTemplate> 
     <WrapPanel /> 
    </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl>