Understanding Uniform Grid control

Question

I was just trying uniform grid, how it works.

Code :

<UniformGrid Name="uniformGrid1" Rows="2" Columns="3">
        <Button Content="Rohit" Grid.Row="0" Grid.Column="0" />
        <Button Content="asit" Grid.Row="0" Grid.Column="2" />
</UniformGrid>

I found that both buttons are placed adjacent to each other, however there exist a column between them. Why is it so ? (as in uniform grid, each cell has similar size there should be one cell between them)

Understood why it is so (by answer) but still curious to konw what's the significance of Attached property - Grid.Row & Grid.Column if they do nothing ???

Answer 1

UniformGrid contains two properties, Rows and Columns, for setting the number of rows and columns. Controls are added to the grid in the order that they are declared. So there will not be any column in between them. In your example you have declared Columns=3 and you have added only two controls. But if you add another control it will place in the end.

  <UniformGrid Name="uniformGrid1"
                 Rows="2"
                 Columns="3">
        <Button Content="Rohit"
                 Margin="2" />
        <Button Content="asit"
                 Margin="2" />
        <Button Content="asit"
                Margin="2" />
    </UniformGrid>

Answer 2

As shown in the MSDN article for a UniformGrid, there is no Grid.Row or Grid.Column attached property.

Instead, Intellisense may be suggesting it because you have a Grid further up the document tree. If it were an attached property, it would be far more likely to be called UniformGrid.Row as that is how attached properties are accessed.

Answer 3

The UniformGrid is just like the Grid, with the possibility of multiple rows and columns, but with one important difference: All rows and columns will have the same size!
Use this when you need Grid behavior without the need to specify different sizes for the rows and columns.

For example, you have defined 3 Columns for the UniformGrid but you have 4 elements than the fourth one will be moved to the next line.

So basically with UniformGrid you don't need to set Grid.Row and Grid.Column attached properties to a Button or any other nested elements.