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>