Powiązanie elementów ObservableCollection z UserControl w WrapPanel?

Question

Może brakuje mi czegoś oczywistego, więc przepraszam, jeśli to naprawdę głupie pytanie. Mam WrapPanel w widoku, które muszę powiązać z ObservableCollection na ViewModel. Ta ObservableCollection zawiera inny typ ViewModel, który musi być powiązany z innym typem widoku, gdy jest wyświetlany w WrapPanel. Celem jest stworzenie opakowującej listy elementów, z których każda jest wyświetlana za pomocą przykładu mniejszego widoku, który powinien zostać dodany do WrapPanel.

Używam MVVM, a ViewModel nie ma bezpośredniego dostępu do widoku. Wolałbym nie tworzyć powiązania między ViewModel i View, jeśli to w ogóle możliwe, więc ręczne dodawanie elementów do kolekcji WrapPanel.Children nie jest realną opcją. Nie mam pojęcia, w jaki sposób mogę powiązać kolekcję potomnych obiektów ViewModel z WrapPanel w taki sposób, że utworzą one instancje innego widoku i dodadzą je do siebie. Czy po prostu podchodzę do problemu nieprawidłowo? Sądzę, że jest prawdopodobnie zaangażowany DataTemplate, ale nie wydaje się, że WrapPanel ma DataTemplate, ani nie jest to bindable.

Dzięki za wszelki wgląd.

Answer 1

Co trzeba to ListView, który wykorzystuje WrapPanel gospodarzem wszystkich przedmiotów.

<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

Zastosowanie ItemsControl i ustawić jego ItemsPanel do WrapPanel:

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