Use WPF DockPanel Control in VB.NET
In this article, we will learn DockPanel Control in WPF.
DockPanel Control:- The DockPanel control is a layout panel control. The dockpanel control is very easy and useful control. We can provides an easy docking of elements to the left, right, top, bottom and center of the panel. The DockPanel is used to anchor elements to the edges of the container, and is a good choice to set up the overall structure of the application UI. Elements are docked using the DockPanel.Dock attached property.
It uses DockPanel.Dock attached property to determine the position of the element. The Dock element when Top or Bottom, will make the element appear Top or Bottom of each other, and when its Left and right it is left and right of each other. We will use DockPanel.Dock property in the DockPanel Control.
This code of .xaml:-
<Window x:Class="Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Grid>
<DockPanel>
<Border Background="Green" DockPanel.Dock="Top">
<TextBlock Text="Dock:Top" Foreground="White" />
</Border>
<Border Background="OrangeRed" DockPanel.Dock="Bottom">
<TextBlock Text="Dock:Bottom" Foreground="White" />
</Border>
<Border Background="Purple" DockPanel.Dock="Left">
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Dock:Left" Foreground="White" />
</Border>
<Border Background="White" DockPanel.Dock="Left">
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Dock:Left" Foreground="Black" />
</Border>
<Border Background="Green" DockPanel.Dock="Bottom">
<TextBlock Text="Dock:Top" Foreground="White" />
</Border>
<Border Background="OrangeRed" DockPanel.Dock="Top">
<TextBlock Text="Dock:Top" Foreground="White" />
</Border>
<Border Background="OrangeRed" DockPanel.Dock="Right">
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Dock:Right" Foreground="White" />
</Border>
<Border Background="White" DockPanel.Dock="Right">
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center"
Text="Dock:Right" />
</Border>
<Border Background="Green" >
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center"
Text="Remaining Fill" Foreground="White" />
</Border>
</DockPanel>
</Grid>
</Window>
Output:-
