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>