转换网格布局

我对WPF有些新意,所以请原谅我,如果这是微不足道的话。

我有一个面板设置如下图所示:

在此处输入图像描述

它只是构成我的dockPanel左侧的面板的表示。 它有一列和三行 – 一个用于标题,一个用于图像(汽车只是一个占位符,而不是实际图像),另一个用于该特定项目的相应统计。 实际上每个区块之间都有一点空间,但我的Paint技能不是专业的。

无论如何,我想将此面板转换到我的dockpanel的底部并变为水平。 但是,我希望每行中的最大项数为5,因为下面的图像很难尝试建议:

在此处输入图像描述

对此有什么好处?

我应该在后面的代码中执行此操作(即,当我遍历每个项目类型时,如果到目前为止类型的计数可以被5整除,则创建一个新行并确保每个新块与其上方的一行对齐)或者是否存在在XAML中这样做的方法?

任何建议都很棒。 谢谢!

我建议您使用UniformGrid控件。 从链接页面:

提供一种在网格中排列内容的方法,其中网格中的所有单元格具有相同的大小。

此外,它具有Columns属性,使您可以设置网格中的列数

        

您可以从MSDN上的“ 面板概述”页面找到有关WPF中使用的各种Panel的更多信息。