一個 WPF 文檔和工具窗口布局容器、用于排列文檔 和工具窗口的方式與許多知名 IDE 類似，例如 Eclipse、Visual Studio、 PhotoShop 等等

AvalonDock 是一個 WPF 文檔和工具窗口布局容器，用于排列文檔 和工具窗口的方式與許多知名 IDE 類似，例如 Eclipse、Visual Studio、 PhotoShop 等等。

從源代碼構建 AvalonDock (推薦)

此項目支持多目標框架（NetCore 3 和 .Net 4）。這意味著它需要 Visual Studio Community 2019 或更好的版本。

演示屏幕截圖

開源地址

AvalonDock

實際簡單使用查看下面代碼

<Pagex:Class="FlightControlComputer.Views.Pages.RS422Page"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:avalonDock="https://github.com/Dirkster99/AvalonDock"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:FlightControlComputer.Views.Pages"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"Title="RS422Page"d:DesignHeight="450"d:DesignWidth="800"UseLayoutRounding="True"mc:Ignorable="d"><DockingManagerx:Name="dockManager"Grid.Row="1"AllowMixedOrientation="True"AutoWindowSizeWhenOpened="True"IsVirtualizingAnchorable="True"IsVirtualizingDocument="True"><DockingManager.ContextMenu><ContextMenu><MenuItem Click="ShowSerialPage_Click" Header="一個數據區" /><MenuItem Click="ShowDataPage_Click" Header="二個數據區" /></ContextMenu></DockingManager.ContextMenu><DockingManager.Theme><Vs2013LightTheme /></DockingManager.Theme><DockingManager.DocumentHeaderTemplate><DataTemplate><StackPanel Orientation="Horizontal"><Image Margin="0,0,4,0" Source="{Binding IconSource}" /><TextBlock Text="{Binding Title}" TextTrimming="CharacterEllipsis" /></StackPanel></DataTemplate></DockingManager.DocumentHeaderTemplate><LayoutRoot><!--  Only include the left side layout for docking  --><LayoutPanel Orientation="Horizontal"><!--<LayoutAnchorablePaneGroup DockWidth="50">--><LayoutAnchorablePane DockWidth="50"><LayoutAnchorableTitle="一個數據區"ContentId="toolWindow1"Hiding="OnToolWindow1Hiding"><StackPanel MinHeight="450"><!--  一個數據區窗口 的界面代碼這里實現 --></StackPanel></LayoutAnchorable></LayoutAnchorablePane><LayoutAnchorablePane DockWidth="50"><LayoutAnchorable Title="二個數據區" ContentId="toolWindow2"><!--  另一個數據區窗口界面代碼這里實現   --> </Grid></LayoutAnchorable></LayoutAnchorablePane><!--</LayoutAnchorablePaneGroup>--></LayoutPanel></LayoutRoot></DockingManager></Page>

后臺代碼

//關鍵代碼#region TestBackground/// <summary>/// TestBackground Dependency Property/// </summary>public static readonly DependencyProperty TestBackgroundProperty =DependencyProperty.Register("TestBackground", typeof(Brush), typeof(RS422Page),new FrameworkPropertyMetadata((Brush)null));/// <summary>/// Gets or sets the TestBackground property.  This dependency property /// indicates a randomly changing brush (just for testing)./// </summary>public Brush TestBackground{get => (Brush)GetValue(TestBackgroundProperty);set => SetValue(TestBackgroundProperty, value);}#endregion#region FocusedElement/// <summary>/// FocusedElement Dependency Property/// </summary>public static readonly DependencyProperty FocusedElementProperty =DependencyProperty.Register("FocusedElement", typeof(string), typeof(RS422Page),new FrameworkPropertyMetadata((IInputElement)null));/// <summary>/// Gets or sets the FocusedElement property.  This dependency property /// indicates ..../// </summary>public string FocusedElement{get => (string)GetValue(FocusedElementProperty);set => SetValue(FocusedElementProperty, value);}#endregionprivate void OnLayoutRootPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e){var activeContent = ((LayoutRoot)sender).ActiveContent;if (e.PropertyName == "ActiveContent"){Debug.WriteLine(string.Format("ActiveContent-> {0}", activeContent));}}private void ShowSerialPage_Click(object sender, RoutedEventArgs e){var toolWindow1 = dockManager.Layout.Descendents().OfType<LayoutAnchorable>().Single(a => a.ContentId == "toolWindow1");if (toolWindow1.IsHidden)toolWindow1.Show();else if (toolWindow1.IsVisible)toolWindow1.IsActive = true;elsetoolWindow1.AddToLayout(dockManager, AnchorableShowStrategy.Bottom | AnchorableShowStrategy.Most);}private void ShowDataPage_Click(object sender, RoutedEventArgs e){var toolWindow1 = dockManager.Layout.Descendents().OfType<LayoutAnchorable>().Single(a => a.ContentId == "toolWindow2");if (toolWindow1.IsHidden)toolWindow1.Show();else if (toolWindow1.IsVisible)toolWindow1.IsActive = true;elsetoolWindow1.AddToLayout(dockManager, AnchorableShowStrategy.Bottom | AnchorableShowStrategy.Most);}