将 ObservableCollection 项绑定到 WrapPanel 中的 UserControl？

Question

我可能只是在这里遗漏了一些明显的东西，所以如果这是一个非常愚蠢的问题，我深表歉意。我的视图中有一个 WrapPanel，我需要将其绑定到 ViewModel 上的 ObservableCollection。此 ObservableCollection 包含不同类型的 ViewModel，在 WrapPanel 中显示时需要将其绑定到另一种类型的视图。目标是创建一个可包装的项目列表，每个项目都通过应添加到 WrapPanel 的较小视图的实例显示。

我使用的是 MVVM，ViewModel 无法直接访问 View。如果可能的话，我宁愿不在 ViewModel 和 View 之间创建绑定，因此手动将项目添加到 WrapPanel.Children 集合不是一个可行的选择。我不知道如何将子 ViewModel 对象的集合绑定到 WrapPanel，从而创建另一个视图的实例并将它们添加到自身。我是否只是错误地处理了这个问题？我认为可能涉及到一个 DataTemplate，但 WrapPanel 似乎没有 DataTemplate，也不是可绑定的。

感谢您的任何见解。

Answer 1

您需要的是一个使用 WrapPanel 来托管所有项目的 ListView。

<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>