Use DockPanel to layout a Window : DockPanel « Windows Presentation Foundation « VB.Net Tutorial






<Window x:Class="StackPanelDemo.DockPanel"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="DockPanelDemo" Height="432" Width="569">
    <Grid>
    <DockPanel MinHeight="50" MinWidth="50" LastChildFill="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Grid.Column="0" Grid.ColumnSpan="1" Grid.Row="0" Grid.RowSpan="1" Margin="10,10,22,21" Width="NaN" Height="NaN" Name="dockPanel1">
      <Button Name="button1" DockPanel.Dock="Top">I am the toolbar</Button>
      <Button Name="button2" DockPanel.Dock="Bottom">I am the status bar</Button>
      <Button Name="button3">I am the left toolbox</Button>
      <Button Name="button4" DockPanel.Dock="Right">I am the right toolbox</Button>
      <Button Name="button5">Button</Button>
    </DockPanel>
    
  </Grid>
</Window>
WPF Use Dock Panel To Layout A Window








16.42.DockPanel
16.42.1.Using DockPanel.Dock to position elementsUsing DockPanel.Dock to position elements
16.42.2.Use DockPanel to layout a WindowUse DockPanel to layout a Window
16.42.3.Nested DockPanelNested DockPanel
16.42.4.Fill DockPanel with Labels and ButtonsFill DockPanel with Labels and Buttons
16.42.5.Window with DockLayoutWindow with DockLayout
16.42.6.Dock UI Elements to the Edges of a FormDock UI Elements to the Edges of a Form
16.42.7.Put a StackPanel on the LeftPut a StackPanel on the Left
16.42.8.Set Dock position for DockPanel layoutSet Dock position for DockPanel layout
16.42.9.Differences of StackPanel and DockPanelDifferences of StackPanel and DockPanel
16.42.10.Insert to a Panel by indexInsert to a Panel by index
16.42.11.Get all children from a PanelGet all children from a Panel
16.42.12.Find the index number of a newly added element within a panel, using the IndexOf methodFind the index number of a newly added element within a panel, using the IndexOf method
16.42.13.Show the effect of each value of the Dock property by manipulating two Rectangle elements.Show the effect of each value of the Dock property by manipulating two Rectangle elements.