UniformGrid

统一网格将所有孩子放在网格布局中,每个孩子都在自己的单元格中。所有单元格都具有相同的大小。它可以被认为是网格的简写,其中所有行和列定义都设置为*

默认行和列

默认情况下,UniformGrid 将尝试创建相同数量的行和列。当一行变长时,它将添加一个新列。

此代码将生成一个 3x3 的网格,前两行填充,最后一个按钮:

<UniformGrid>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
</UniformGrid>

指定的行/列

你可以准确地告诉 UniformGrid 你希望拥有多少行和/或列。

<UniformGrid Columns="2" >
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
</UniformGrid>

注意:如果设置了行和列,并且子节点数多于单元格,则不会显示网格中的最后一个子节点

FirstColumn 属性

设置 Columns 属性后,可以设置 FirstColumn 属性。在显示第一个子项之前,此属性将 x 空单元格输入到第一行。必须将 FirstColumn 设置为小于 Columns 属性的数字。

在此示例中,第一个按钮将显示在第一行的第二列中:

<UniformGrid Columns="2" FirstColumn="1">
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
    <Button Content="Button"/>
</UniformGrid>