wpf - 如何在多行中显示项目

Question

我想在 XAML 中创建一个布局，如下所示

视图模型用于填充单元格。前两个单元格绑定到视图模型中的两个简单属性，而其余单元格显示视图模型中集合的项目。每行有四个单元格，行数由集合的项目数决定。如何定义一个面板以显示从单元格 3 开始的集合并跨越 XAML 中的多行？

Answer 1

在这里，我使用 2 uniformgrid 得到了你需要的东西：

<UniformGrid Columns="4"  VerticalAlignment="Top" >
   <Rectangle Fill="green" Width="50" Height="50" />
   <Rectangle Fill="green" Width="50" Height="50"/>
</UniformGrid>
<UniformGrid Columns="4"  VerticalAlignment="Top" FirstColumn="2">
   <Rectangle Fill="red"  Width="50" Height="50"/>
   <Rectangle Fill="red"  Width="50" Height="50"/>
   <Rectangle Fill="red"  Width="50" Height="50"/>
   <Rectangle Fill="red"  Width="50" Height="50"/>
</UniformGrid>

我不知道您的 ViewModel 怎么样，但我认为将您的属性和列表绑定到统一网格会非常简单。