Click here to Skip to main content
Click here to Skip to main content
Add your own
alternative version
Go to top

WPF Docking Library

, 17 Jul 2007
A WPF library to easily integrate Windows docking features in applications like VS
source.zip
DockingLibrary
DockingLibrary
bin
Debug
Release
ClassDiagram1.cd
icons
DockBottom.PNG
DockLeft.PNG
DockPane.PNG
DockRight.PNG
DockTop.PNG
Ritaglio.shs
Thumbs.db
images
DockBottom.PNG
DockLeft.PNG
DockPane.PNG
DockRight.PNG
DockTop.PNG
obj
Debug
Refactor
TempPE
themes
Release
Refactor
TempPE
themes
Properties
Settings.settings
themes
DockingLibraryDemo
bin
Debug
Release
Icons
props.ico
view_remove.ico
view_tree.ico
obj
Debug
TempPE
Release
TempPE
Properties
Settings.settings
<UserControl x:Class="DockingLibrary.Pane"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	AllowDrop="True"  PreviewDragEnter="OnDragEnter" PreviewDragLeave="OnDragLeave" PreviewDragOver="OnDragOver" Drop="OnDrop" Background="LightGray">
	<UserControl.Resources>
		<Style x:Key="DragPaneButtonStyle" TargetType="{x:Type Button}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
						<Border Background="{TemplateBinding Background}"
								BorderBrush="{TemplateBinding BorderBrush}"
								BorderThickness="1">
							<Image>
								<Image.Source>
									<DrawingImage>
										<DrawingImage.Drawing>
											<GeometryDrawing Brush="LightBlue">
												<GeometryDrawing.Pen>
													<Pen Brush="Black" Thickness="1"/>
												</GeometryDrawing.Pen>
												<GeometryDrawing.Geometry>
													<GeometryGroup>
														<RectangleGeometry Rect="0,0,20,20"/>
														<PathGeometry>
															<PathFigure IsClosed="True">
																<LineSegment Point="10, 10"/>
																<LineSegment Point="0, 20"/>
															</PathFigure>
														</PathGeometry>
													</GeometryGroup>
												</GeometryDrawing.Geometry>
											</GeometryDrawing>

										</DrawingImage.Drawing>
									</DrawingImage>

								</Image.Source>
							</Image>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="DragIntoPaneButtonStyle" TargetType="{x:Type Button}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Button}">
						<Border Background="{TemplateBinding Background}"
								BorderBrush="{TemplateBinding BorderBrush}"
								BorderThickness="1"
									>
							<Image>
								<Image.Source>
									<DrawingImage>
										<DrawingImage.Drawing>
											<GeometryDrawing Brush="LightBlue">
												<GeometryDrawing.Pen>
													<Pen Brush="Black" Thickness="1"/>
												</GeometryDrawing.Pen>
												<GeometryDrawing.Geometry>
													<GeometryGroup>
														<RectangleGeometry Rect="0,0,20,20"/>
														<PathGeometry>
															<PathFigure IsClosed="True" StartPoint="2,2">
																<LineSegment Point="2, 18"/>
																<LineSegment Point="6, 18"/>
																<LineSegment Point="6, 15"/>
																<LineSegment Point="18, 15"/>
																<LineSegment Point="18, 2"/>
															</PathFigure>
														</PathGeometry>
													</GeometryGroup>
												</GeometryDrawing.Geometry>
											</GeometryDrawing>

										</DrawingImage.Drawing>
									</DrawingImage>

								</Image.Source>
							</Image>
						</Border>
					</ControlTemplate>
				</Setter.Value>

			</Setter>
		</Style>
		<Style TargetType="{x:Type TabItem}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TabItem}">
						<Border  Name="header" Background="{TemplateBinding Background}"
								BorderBrush="DarkGray"
								BorderThickness="2" Padding="3" PreviewMouseMove="item_MouseMove" PreviewMouseDown="item_MouseDown" PreviewMouseUp="item_MouseUp">
							<StackPanel Orientation="Horizontal">
								<Border Width="2" Height="2"/>
								<TextBlock Text="{TemplateBinding Header}" Foreground="Black"/>
								<Border Width="2" Height="2"/>
								<Button Name="headerbtnClose" Visibility="Collapsed" DockPanel.Dock="Right" Width="15" Height="15" Click="item_Close">
									<Button.Background>
										<SolidColorBrush Color="LightGray"/>
									</Button.Background>
									<Button.ToolTip>Close</Button.ToolTip>
									<Image>
										<Image.Source>
											<DrawingImage>
												<DrawingImage.Drawing>
													<GeometryDrawing>
														<GeometryDrawing.Pen>
															<Pen Brush="Black" Thickness="3"/>
														</GeometryDrawing.Pen>
														<GeometryDrawing.Geometry >
															<GeometryGroup>
																<LineGeometry StartPoint="0,0" EndPoint="20,20"/>
																<LineGeometry StartPoint="20,0" EndPoint="0,20"/>
															</GeometryGroup>
														</GeometryDrawing.Geometry>
													</GeometryDrawing>
												</DrawingImage.Drawing>
											</DrawingImage>
										</Image.Source>
									</Image>
								</Button>
							</StackPanel>							
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsSelected" Value="True">
								<Setter TargetName="header" Property="Background" Value="White"/>
								<Setter TargetName="header" Property="TextBlock.FontWeight" Value="Bold"/>
								<Setter TargetName="headerbtnClose" Property="Visibility" Value="Visible"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

	</UserControl.Resources>
	<Grid>
		<DockPanel>
			<Border Name="panelHeader" BorderThickness="1" BorderBrush="Gray" Padding="2" DockPanel.Dock="Top" Height="22">
				<DockPanel Background="LightGray" >
					<Button Name="btnClose" DockPanel.Dock="Right" Click="btnOnClose">
						<Button.Background>
							<SolidColorBrush Color="LightGray"/>
						</Button.Background>
						<Button.ToolTip>Close</Button.ToolTip>
						<Image>
							<Image.Source>
								<DrawingImage>
									<DrawingImage.Drawing>
										<GeometryDrawing>
											<GeometryDrawing.Pen>
												<Pen Brush="Black" Thickness="3"/>
											</GeometryDrawing.Pen>
											<GeometryDrawing.Geometry >
												<GeometryGroup>
													<LineGeometry StartPoint="0,0" EndPoint="20,20"/>
													<LineGeometry StartPoint="20,0" EndPoint="0,20"/>
												</GeometryGroup>
											</GeometryDrawing.Geometry>
										</GeometryDrawing>
									</DrawingImage.Drawing>
								</DrawingImage>
							</Image.Source>
						</Image>
					</Button>
					<Button Name="btnAutoHide" DockPanel.Dock="Right" Click="btnOnAutoHide">
						<Button.Background>
							<SolidColorBrush Color="LightGray"/>
						</Button.Background>
						<Button.ToolTip>Auto hide</Button.ToolTip>
						<Image>
							<Image.Source>
								<DrawingImage>
									<DrawingImage.Drawing>
										<GeometryDrawing>
											<GeometryDrawing.Pen>
												<Pen Brush="Black" Thickness="3"/>
											</GeometryDrawing.Pen>
											<GeometryDrawing.Geometry >
												<GeometryGroup>
													<RectangleGeometry Rect="0,0,20,15"/>
													<LineGeometry StartPoint="10,15" EndPoint="10,20"/>
												</GeometryGroup>
											</GeometryDrawing.Geometry>
										</GeometryDrawing>
									</DrawingImage.Drawing>
								</DrawingImage>
							</Image.Source>
						</Image>
					</Button>
					<!--<Button Name="btnPosDropDown" DockPanel.Dock="Right"></Button>-->
					<TextBlock Name="tbTitle"  VerticalAlignment="Center" MouseDown="HeaderMouseDown" MouseMove="HeaderMouseMove" MouseUp="HeaderMouseUp"></TextBlock>
				</DockPanel>
			</Border>
			<ContentPresenter Name="windowContent"/>
		</DockPanel>
		<Grid Name="panelDrag" Visibility="Collapsed" Width="60" Height="60">
			<Grid.BitmapEffect>
				<OuterGlowBitmapEffect GlowColor="Black" GlowSize="5" Noise="0" Opacity="0.4" />
			</Grid.BitmapEffect>
			<Grid.ColumnDefinitions>
				<ColumnDefinition/>
				<ColumnDefinition/>
				<ColumnDefinition/>
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition/>
				<RowDefinition/>
				<RowDefinition/>
			</Grid.RowDefinitions>
			<Button Name="btnDockTop" AllowDrop="True" Drop="OnDropDockTop" Style="{StaticResource DragPaneButtonStyle}" Grid.Column="1" Grid.Row="0">
				<Button.LayoutTransform>
					<RotateTransform Angle="-90"/>
				</Button.LayoutTransform>
			</Button>
			<Button Name="btnDockRight" AllowDrop="True" Style="{StaticResource DragPaneButtonStyle}" Drop="OnDropDockRight" Grid.Column="2" Grid.Row="1"/>
			<Button Name="btnDockBottom" AllowDrop="True" Style="{StaticResource DragPaneButtonStyle}" Drop="OnDropDockBottom" Grid.Column="1" Grid.Row="2">
				<Button.LayoutTransform>
					<RotateTransform Angle="90"/>
				</Button.LayoutTransform>
			</Button>
			<Button Name="btnDockLeft" AllowDrop="True" Style="{StaticResource DragPaneButtonStyle}" Drop="OnDropDockLeft" Grid.Column="0" Grid.Row="1">
				<Button.LayoutTransform>
					<RotateTransform Angle="180"/>
				</Button.LayoutTransform>				
			</Button>
			<Button Name="btnDockInto" AllowDrop="True" Style="{StaticResource DragIntoPaneButtonStyle}"  Drop="OnDropInto" Grid.Column="1" Grid.Row="1"/>
		</Grid>
	</Grid>
</UserControl>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

adospace.NET
Systems Engineer
Italy Italy
I bought my first computer in Nov 1991, 21th and I started programming with QBasic under MSDOS.
Today my main interest is developping application with .NET 3.5.
Visit YouDev.net for tutorials on AvalonDock, download WPF controls, samples and code.

| Advertise | Privacy | Mobile
Web04 | 2.8.140916.1 | Last Updated 17 Jul 2007
Article Copyright 2007 by adospace.NET
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid