Сітка
1
3
2
4
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Button Grid.Row="0" Grid.Column="0" Content="1" />
<Button Grid.Row="0" Grid.Column="1" Content="2" />
<Button Grid.Row="1" Grid.Column="0" Content="3" />
<Button Grid.Row="1" Grid.Column="1" Content="4" />
</Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Grid.Column="0" Content="Перша" />
<Button Grid.Column="1" Content="Друга" />
<Button Grid.Column="2" Content="Третя" />
</Grid>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="5*" />
</Grid.RowDefinitions>
<Button Grid.Row="0">1</Button>
<Button Grid.Row="1">2</Button>
<Button Grid.Row="2">3</Button>
</Grid>
Об'єднати
2 рядки
<Button Grid.Row="0" Grid.ColumnSpan="2">1</Button>
<Button Grid.Row="1" Grid.Column="0">3</Button>
<Button Grid.Row="1" Grid.Column="1">4</Button>
2 стовпчики
<Button Grid.RowSpan="2" Grid.Column="0">1</Button>
<Button Grid.Row="0" Grid.Column="1">2</Button>
<Button Grid.Row="1" Grid.Column="1">4</Button>
Елементи в рядок
По вертикалі
<StackPanel>
</StackPanel>
По горизонталі
<StackPanel Orientation="Horizontal">
</StackPanel>
По горизонталі справа наліво
<StackPanel Orientation="Horizontal" FlowDirection="RightToLeft">
</StackPanel>
Сітка в сітці
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Button Grid.Column="0">1</Button>
<Grid Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Button Grid.Row="0">2</Button>
<Button Grid.Row="1">3</Button>
</Grid>
</Grid>
Height="auto" - 0, або по мінімальному розміру елемента в середині
[ DockPanel ]
[ UniformGrid ]
[ GridSplitter ]
[ WrapPanel ]
[ Canvas ]
[ Одиниці виміру ]