WPF 记录一个布局停靠组件,仿VS布局停靠

名称:AvalonDock

Nuget地址:https://www.nuget.org/packages/Xceed.Products.Wpf.Toolkit.AvalonDock/

他可以做出像VS一样的布局效果,也可以直接在VS里下载。大概用法如下吧。

<avalon:DockingManager Grid.Row="1">
    <avalon:DockingManager.Theme>
        <avalon:GenericTheme />
    </avalon:DockingManager.Theme>
    <avalon:LayoutRoot>
        <avalon:LayoutPanel Orientation="Horizontal">
            <avalon:LayoutAnchorablePaneGroup DockMinWidth="240" FloatingWidth="240" Orientation="Vertical">
                <avalon:LayoutAnchorablePane>
                    <avalon:LayoutAnchorable Title="解决方案资源管理器" CanClose="False">
                    </avalon:LayoutAnchorable>
                </avalon:LayoutAnchorablePane>
                <avalon:LayoutAnchorablePane >
                    <avalon:LayoutAnchorable Title="控件库" CanClose="False"/>
                </avalon:LayoutAnchorablePane>
            </avalon:LayoutAnchorablePaneGroup>

            <avalon:LayoutPanel>
                <avalon:LayoutDocumentPaneGroup>
                    <avalon:LayoutDocumentPane x:Name="DocPage" />
                </avalon:LayoutDocumentPaneGroup>
            </avalon:LayoutPanel>

            <avalon:LayoutAnchorablePaneGroup DockMinWidth="270" FloatingWidth="270">
                <avalon:LayoutAnchorablePane x:Name="panelRight" DockWidth="240" FloatingWidth="240">
                    <avalon:LayoutAnchorable Title="属性" CanClose="False">
                    </avalon:LayoutAnchorable>
                </avalon:LayoutAnchorablePane>
            </avalon:LayoutAnchorablePaneGroup>
        </avalon:LayoutPanel>
    </avalon:LayoutRoot>
</avalon:DockingManager>

留下评论