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>