Grid

A flexible grid area consisting of columns and rows used for placing other controls.

Defines a flexible grid area consisting of columns and rows.

<Grid Height="Auto" 
       VerticalAlignment="Stretch" 
       HorizontalAlignment="Stretch"> 

<Grid.ColumnDefinitions> 
   <ColumnDefinition Width="*"/> 
</Grid.ColumnDefinitions> 

<Grid.RowDefinitions> 
   < RowDefinition Height="60"/> 
   < RowDefinition Height="50"/> 
   < RowDefinition Height="*"/> 
</Grid.RowDefinitions> 

<Border /> 

<Grid.Background> 
   < ImageBrush ImageSource="image.png"/> 
</Grid.Background> 

</Grid> 

Canvas

An area where you can position child elements.

Defines an area within which you can explicitly position child elements
This control gives you complete control
If two child controls overlap the last one defned takes precedence and will overlap the others

<Canvas Name="Canvas1"> 
   <Button Canvas.Left="10">Top Left</Button> 
   <Button Canvas.Right="10">Top Right</Button> 
   <Ellipse Fill="LightCyan" 
        Height="100" 
        Width="80" 
        Canvas.Left="50" 
        Canvas.Top="40" 
        Panel.ZIndex="2"/> 
   <Rectangle Panel.ZIndex="1" 
        Fill="LightBlue" 
        Height="100" 
        Width="80" 
        Canvas.Left="20" 
        Canvas.Top="30" /gt 
</canvas> 

DockPanel

An area where you can position child elements and dock them to the side of a panel.

Arranges child elements onto an area that can be docked to one of the sides
The order that you place the child elements can affect the size of the child elements
This control measures only the available size

< DockPanel Name="DockPanel1" 
      Margin="10,10,10,10" 
      VerticalAlignment="Stretch" 
      Background="Orange" > 

</ DockPanel > 

GridSplitter

Represents the control that redistributes space between columns and rows of a Grid control.

UniformGrid

Provides a uniformly distributed grid layout used for placing other controls.
Does not appear on the default toolbox
Right click and select Choose Items

Provides a grid where all the cells are the same size
The column widths and row heights cannot be modified

WrapPanel

Positions child elements either horizontally or vertically with wrapping capabilities.

Positions child elements in sequential position from left to right, breaking content to the next line at the edge of the containing box.