Windows 8布局控件教程

WrapGrid

WrapGrid可以理解为特殊的Grid，普通的Grid是通过行和列制定对象的位置，而WrapGrid是根据对象集合的尺寸的不同显示不同的效果。WrapGrid的子控件集合类型是ItemsControl，按照从左到右，从上到下的顺序展示集合中的子元素到用户界面，当元素到达WrapGrid最右边或者最下边，将自动开始新的行或者列继续展示剩余的子元素，直到列举所有元素完成。

在WrapGrid中，使用Orientation控制子元素显示方向，默认情况下，将以垂直的方式展示。

<GridView>
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation = "Horizontal" />
</ItemsPanelTemplate>
</GridView.ItemsPanel>
</GridView>

实例代码：

<ItemsControl x:Name="xItems">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapGrid Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>

VariableSizedWrapGrid

VariableSizedWrapGrid控件和StackPanel非常类似，其布局效果是从左到右从上到下展示布局内子元素。

与StackPanel不同的是VariableSizedWrapGrid控件子元素到达右边界或下边界是将自动切换新行或者列继续展示子元素，直到达到MaximumRowsOrColumns值或者所有子元素展示完毕。

该控件可以通过VariableSizedWrapGrid.RowSpan 和 VariableSizedWrapGrid.ColumnSpan附加属性跨行或跨列显示子对象元素。

另外值得注意的是，正如VariableSizedWrapGrid名字所言，VaribaleSized，其含义是每个Cell单元会根据子控件内容的不同动态填充尺寸。

<VariableSizedWrapGrid Orientation = "Horizontal">