如何在多行中显示项目

时间:2012-10-03 11:59:55

标签: wpf xaml panel

我想在XAML中创建一个布局,如下所示enter image description here

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

1 个答案:

答案 0 :(得分: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是怎样的,但我认为将您的属性和列表绑定到统一网格会非常简单。