wpf-AvalonDock基础-安装和更换主题

大家好，又见面了，我是你们的朋友全栈君。

最近对wpf的多窗口排列问题深感头疼，算尺寸、位置太麻烦了（也可能是我菜鸡的缘故），最后决定用AvalonDock，排列很漂亮。

本篇主要是安装和更换主题，后续会更一篇项目中常用的技巧。

再吐槽一下，AvalonDock的中文资料同质化太严重！！！很多需要自己测试了才能用好（我的环境是win10+vs2019）

喜欢的话为我的辛苦点个赞吧！嘤嘤嘤

安装

Avalondock是一个支持mvvm的框架，可以快速开发出类似visual studio的多窗口app。

去 https://archive.codeplex.com/?p=avalondock 下载archive，找到sourceCode.zip，直接进入Version2.0，然后在vs里生成。dll在obj/debug下。拷贝到自己的项目里，引用上。

生成后会得到一个基础dll：

和几个关于主题的dll：

主题

Avalondock提供几种主题，也允许你切换。要更换的话，首先把几个dll放到当前项目的引用里：

下面对同一段xaml代码，大家可以看一下不同的效果：
注意在Window标签里添加这行：xmlns:avalonDock

<Window x:Class="TestAvalon.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:TestAvalon" xmlns:avalonDock="http://schemas.xceed.com/wpf/xaml/avalondock" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800">
        
    <Grid>
        <avalonDock:DockingManager x:Name="dockingManager">
            <avalonDock:LayoutRoot>
                <avalonDock:LayoutPanel Orientation="Horizontal">
                    <avalonDock:LayoutDocumentPaneGroup>
                        <avalonDock:LayoutDocumentPane>
                            <avalonDock:LayoutDocument Title="Doc1">
                                <TextBox/>
                            </avalonDock:LayoutDocument>
                            <avalonDock:LayoutDocument Title="Doc2">
                                <TextBox/>
                            </avalonDock:LayoutDocument>
                        </avalonDock:LayoutDocumentPane>
                        <avalonDock:LayoutDocumentPane>
                            <avalonDock:LayoutDocument Title="Doc3">
                                <TextBox/>
                            </avalonDock:LayoutDocument>
                        </avalonDock:LayoutDocumentPane>
                    </avalonDock:LayoutDocumentPaneGroup>
                    <avalonDock:LayoutAnchorablePaneGroup DockWidth="150" Orientation="Vertical">
                        <avalonDock:LayoutAnchorablePane>
                            <avalonDock:LayoutAnchorable Title="Tool 1">
                                <TextBox/>
                            </avalonDock:LayoutAnchorable>
                            <avalonDock:LayoutAnchorable Title="Tool 2">
                                <TextBox/>
                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorablePane>
                        <avalonDock:LayoutAnchorablePane>
                            <avalonDock:LayoutAnchorable Title="Tool 3">
                                <TextBox/>
                            </avalonDock:LayoutAnchorable>
                            <avalonDock:LayoutAnchorable Title="Tool 4">
                                <TextBox/>
                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorablePane>
                    </avalonDock:LayoutAnchorablePaneGroup>
                </avalonDock:LayoutPanel>
                <avalonDock:LayoutRoot.LeftSide>
                    <avalonDock:LayoutAnchorSide>
                        <avalonDock:LayoutAnchorGroup>
                            <avalonDock:LayoutAnchorable Title="Autohidden Content">
                                <TextBox/>
                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorGroup>
                    </avalonDock:LayoutAnchorSide>
                </avalonDock:LayoutRoot.LeftSide>
            </avalonDock:LayoutRoot>
        </avalonDock:DockingManager>
    </Grid>
    
</Window>

后台

public MainWindow()
{
	InitializeComponent();
	this.dockingManager.Theme = new AeroTheme();
}

默认风格（不设定Theme）

AeroTheme

ExpressionLightTheme

ExpressionDarkTheme

MetroTheme

VS2010风格