如何在 wpf 中使用 avalondock答案

【问题标题】：How to use avalondock in wpf如何在 wpf 中使用 avalondock
【发布时间】：2014-11-07 07:11:41
【问题描述】：

嘿，我在使用 avalondock 时遇到了一点问题。

我试图改变我的视图，基本上是一个有两列的网格（左边一个相当大的部分，右边有两个小窗口的一个相当小的部分）。我想留下一个作为我的窗口的“背景”，右边的两个小窗口应该可以停靠在用户想要停靠它们的任何地方。这是我尝试过的：

<DockPanel>
    <Grid>
        <avalonDock:DockingManager Name="dockManager">
<avalonDock:LayoutRoot>
                <avalonDock:LayoutRoot.LeftSide>
                    <avalonDock:LayoutAnchorSide>
                        <avalonDock:LayoutAnchorGroup>
                            <avalonDock:LayoutAnchorable Title="Editor"
                                                         ContentId="Editor"
                                                         CanClose="False"
                                                         CanHide="False"
                                                         CanAutoHide="False"
                                                         CanFloat="False"
                                                         AutoHideMinWidth="200">                                    
                                <ContentControl>
                                    <GroupBox Grid.RowSpan="3"
                                              Grid.Column="0"
                                              Header="Editor"
                                              Visibility="{Binding IsFileOpen}">
                                        <ContentControl Content="{Binding EditorViewModel}" />
                                    </GroupBox>
                                </ContentControl>

                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorGroup>
                    </avalonDock:LayoutAnchorSide>
                </avalonDock:LayoutRoot.LeftSide>
<avalonDock:LayoutPanel>
                    <avalonDock:LayoutDocumentPane DockWidth="0.8*" />

                    <avalonDock:LayoutAnchorablePaneGroup Orientation="Vertical"
                                                          DockWidth="400">
                        <avalonDock:LayoutAnchorablePane>
                            <avalonDock:LayoutAnchorable Title="Tools"
                                                         ContentId="Elements"
                                                         CanClose="False"
                                                         CanHide="False">
                                <ContentControl Content="{Binding ElementsViewModel}" />
                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorablePane>

                        <avalonDock:LayoutAnchorablePane>
                            <avalonDock:LayoutAnchorable Title="Properties"
                                                         ContentId="Properties"
                                                         CanClose="False"
                                                         CanHide="False">
                                <GroupBox Header="Properties">
                                    <GroupBox.Resources>
                                        <ResourceDictionary>
                                            <ResourceDictionary.MergedDictionaries>
                                                <ResourceDictionary Source="pack://application:,,,/ET.Usage.Acp.Apps.EventDrivenPetriNet.Editor;component/View/DataTemplates/PropertiesTemplates.xaml" />
                                                <ResourceDictionary Source="pack://application:,,,/ET.Usage.Acp.Apps.EventDrivenPetriNet.Editor;component/View/Styles/MainStyles.xaml" />
                                            </ResourceDictionary.MergedDictionaries>
                                        </ResourceDictionary>
                                    </GroupBox.Resources>
                                    <Border Background="{StaticResource ResourceKey=TabControl_BackgroundBrush_Base}"
                                            BorderBrush="{StaticResource ResourceKey=TabItem_BorderBrush_Selected}"
                                            BorderThickness="1,1,1,1">
                                        <Border Margin="8"
                                                BorderBrush="{StaticResource ResourceKey=TabPage_InnerBorderBrushDark}"
                                                BorderThickness="1"
                                                CornerRadius="3">
                                            <Border Margin="0"
                                                    BorderBrush="{StaticResource ResourceKey=TabPage_InnerBorderBrushBright}"
                                                    BorderThickness="1"
                                                    CornerRadius="2"
                                                    Padding="2,2,3,3">
                                                <ContentControl MinHeight="80"
                                                                Content="{Binding PropertiesViewModel}"
                                                                ContentTemplateSelector="{StaticResource PropertiesTemplateSelector}" />
                                            </Border>
                                        </Border>
                                    </Border>
                                </GroupBox>
                            </avalonDock:LayoutAnchorable>
                        </avalonDock:LayoutAnchorablePane>
                    </avalonDock:LayoutAnchorablePaneGroup>
                </avalonDock:LayoutPanel>
            </avalonDock:LayoutRoot>
                    </avalonDock:DockingManager>
    </Grid>
</DockPanel>

如您所见，我尝试在左侧添加编辑器视图 (LayoutRoot.LeftSide)，然后在右侧添加两个可停靠视图 (LayoutPanel)。

停靠窗口按预期工作，但编辑器视图也只是另一个停靠窗口。在运行时我可以说：停靠为选项卡式文档或类似的东西，但这并不能解决我的问题，因为（即使我可以在设计时这样做）我仍然会得到一个选项卡，这是我不想要的（一个原因是因为ContentControl 将再次具有多个选项卡）。我只希望编辑器视图成为我的窗口的背景，不能浮动等。

提前致谢！

【问题讨论】：

标签： c# wpf mvvm

【解决方案1】：

很遗憾，我无法回答您的具体问题，但对我来说，最好的办法是在 DockingManager 上实现 Save Layout 和 Load Layout 选项，然后在应用程序启动时默认加载您想要的选项，这很多比弄乱代码更容易，由于某种原因，这似乎很难告诉该怎么做。

【讨论】：