关于variablewrapgrid

http://msdn.microsoft.com/zh-cn/library/windows/apps/hh969155.aspx

VariableSizedWrapGrid

元素以行或列排列，当达到MaximumRowsOrColumns 值会时会自动换行至新行或新列。由 Orientation 属性指定是按行还是列排列元素。通过使用附加属性VariableSizedWrapGrid.RowSpan 和VariableSizedWrapGrid.ColumnSpan，内容可跨越多行和多列。根据 ItemHeight 和 ItemWidth 属性的指定设置元素大小。如果子内容超出面板，则不会超出面板边界且视觉上会被截断。

<VariableSizedWrapGrid MaximumRowsOrColumns="3" ItemHeight="44" ItemWidth="44">
<Rectangle Fill="Red"/>
<Rectangle Fill="Blue" Height="80"
VariableSizedWrapGrid.RowSpan="2"/>
<Rectangle Fill="Green" Width="80"
VariableSizedWrapGrid.ColumnSpan="2"/>
<Rectangle Fill="Yellow" Height="80" Width="80"
VariableSizedWrapGrid.RowSpan="2"
VariableSizedWrapGrid.ColumnSpan="2"/>
</VariableSizedWrapGrid>

<VariableSizedWrapGrid Orientation="Vertical"  MaximumRowsOrColumns="1"   Margin="0,0,80,0"/>
表示按行排列 最多一行
<VariableSizedWrapGrid Orientation="Vertical"  MaximumRowsOrColumns="3"   Margin="0,0,80,0"/>
最多三行 ，布局的时候不一定一定会达到三行
<VariableSizedWrapGrid Orientation="Horizontal"  MaximumRowsOrColumns="1"   Margin="0,0,80,0"/>
表示按列排列， 最多一列

VariableSizedWrapGrid提供了XAML使用以下附加属性：VariableSizedWrapGrid.ColumnSpanVariableSizedWrapGrid.RowSpan您可以设置这些附加属性中的一个或两个上任何在VariableSizedWrapGrid的子元素，以便有特定的子元素使用一个跨越式的逻辑布局。这是非常有用的，如果一个元素有显着较大的尺寸比其他元素。例如，如果一个子元素所需的大小，是在两个维度的两倍大，你不想要这个大的对等元素在附近的细胞产生大量的白色空间的元素，那么你可能会使用标记是这样的：