c# - 将用户控件列表插入到特定的列和行

Question

我有一个包含项列表的用户控件。我想像下面的图像一样显示它们。

网格有4列，但行数取决于项目数。我尝试了“统一网格”和“网格”，但找不到解决方案。
我的XAML

<ItemsControl Grid.Row="1" ItemsSource="{Binding Foods}" >
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <UniformGrid  Width="750" >
                <local:FoodItemControl />
            </UniformGrid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

当我使用统一网格时，它将垂直显示项目。我的问题有什么解决办法吗？

Answer 1

如果您使用水平方向的包装面板:

<ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel Orientation="Horizontal"

这将在面板中从左到右和向下排列内容。
请注意，这是itemspanel模板。就像在容器的模板中一样，该模板将容纳许多用户控件，并按照您的图片进行排列。
在您的标记中，您有itemtemplate。
itemtemplate仅提供您的用户控件。

   <ItemsControl.ItemTemplate>
         <DataTemplate>
             <local:FoodItemControl  Width="200"  />
           </DataTemplate>
   </ItemsControl.ItemTemplate>

似乎不太可能连续需要4个每个750像素宽的用户控件。上面，我的宽度为200，但这只是一个任意的猜测。