zoukankan      html  css  js  c++  java
  • Avalondock 第三步 创建停靠面板组

    前一章介绍了文档面板的建立,本章主要介绍可停靠面板和文档面板组的使用,在avalondock中,任何可停靠内容都可以分组,并且通过Orientation属性,来设定窗体的浮动方向。

    1、可停靠面板分组LayoutAnchorablePaneGroup

     

    可停靠窗格组类,是可停靠窗格LayoutAnchorablePane的容器。通过设置Orientation 属性,用于管理多个可停靠窗格的浮动方向,其代码如下:

    <avalondock:DockingManager>

    <avalondock:DockingManager.Theme>

    <avalondock:Office2007BlackTheme></avalondock:Office2007BlackTheme>

    </avalondock:DockingManager.Theme>

    <avalondock:LayoutRoot>

    <avalondock:LayoutPanel x:Name="Panel" >

    <avalondock:LayoutAnchorablePaneGroup x:Name="LeftAnchorableGroup" DockWidth="300" Orientation="Horizontal">

    <avalondock:LayoutAnchorablePane x:Name="Pane1" >

    <avalondock:LayoutAnchorable x:Name="Solution1" Title="解决方案1" ContentId="Solution"/>

    </avalondock:LayoutAnchorablePane>

    <avalondock:LayoutAnchorablePane x:Name="Pane2">

    <avalondock:LayoutAnchorable x:Name="Solution2" Title="解决方案2" ContentId="Solution"/>

    <avalondock:LayoutAnchorable x:Name="Solution3" Title="解决方案3" ContentId="Solution"/>

    </avalondock:LayoutAnchorablePane>

    </avalondock:LayoutAnchorablePaneGroup>

    <avalondock:LayoutDocumentPane x:Name="DocumentPane">

    <avalondock:LayoutDocument Title="刚建立的文档" ContentId="document">

    </avalondock:LayoutDocument>

    </avalondock:LayoutDocumentPane>

    </avalondock:LayoutPanel>

    </avalondock:LayoutRoot>

    </avalondock:DockingManager>

    以上代码,使用了LayoutAnchorablePaneGroup控件,对LayoutAnchorablePane进行了分组,设定其分组宽度为300,Orientation水平排布,则其显示效果如下:

    如改变Orientation为Vertical ,则显示效果如下:

     

    2、可停靠文档面板分组LayoutDocumentPaneGroup

    文档窗格组类,是文档窗格LayoutDocumentPane的容器。通过设置Orientation 属性,用于管理多个文档窗格的浮动方向。其功能和LayoutAnchorablePaneGroup基本一直

    其代码可以定义如下:

    <avalondock:LayoutPanel x:Name="Panel" >

    <avalondock:LayoutAnchorablePaneGroup x:Name="Left。AnchorableGroup" DockWidth="300" Orientation="Vertical">

    <avalondock:LayoutAnchorablePane x:Name="Pane1" >

    <avalondock:LayoutAnchorable x:Name="Solution1" Title="解决方案1" ContentId="Solution"/>

    </avalondock:LayoutAnchorablePane>

    <avalondock:LayoutAnchorablePane x:Name="Pane2">

    <avalondock:LayoutAnchorable x:Name="Solution2" Title="解决方案2" ContentId="Solution"/>

    <avalondock:LayoutAnchorable x:Name="Solution3" Title="解决方案3" ContentId="Solution"/>

    </avalondock:LayoutAnchorablePane>

    </avalondock:LayoutAnchorablePaneGroup>

    <avalondock:LayoutDocumentPaneGroup Orientation="Vertical">

    <avalondock:LayoutDocumentPane x:Name="DocumentPane1">

    <avalondock:LayoutDocument Title="刚建立的文档2" ContentId="document">

    </avalondock:LayoutDocument>

    </avalondock:LayoutDocumentPane>

    <avalondock:LayoutDocumentPane x:Name="DocumentPane2">

    <avalondock:LayoutDocument Title="刚建立的文档2" ContentId="document">

    </avalondock:LayoutDocument>

    </avalondock:LayoutDocumentPane>

    </avalondock:LayoutDocumentPaneGroup>

    </avalondock:LayoutPanel>

    </avalondock:LayoutRoot>

    </avalondock:DockingManager>

    其结果显示如下:

  • 相关阅读:
    C# 参数按照ASCII码从小到大排序(字典序)
    .net平台下C#socket通信 (下)
    net平台下C#socket通信(上)
    使用C#创建Windows服务
    C# EF 批量操作
    消息队列及常见消息队列介绍
    消息队列的4种应用场景
    npm install 安装到指定的目录
    express学习1
    nodejs url
  • 原文地址:https://www.cnblogs.com/minhost/p/7234995.html
Copyright © 2011-2022 走看看