AvalonDock使用(1)-基本用法

AvalonDock使用(1)-基本用法AvalonDock的基本用法介绍AvalonDock库中的基本类DockingManager:停靠管理器类LayoutRoot:布局根节点类LayoutPanel:布局面板类LayoutAnchorablePane:可停靠窗格类LayoutAnchorable:可停靠内容类LayoutDocumentPane:文档窗格类LayoutDocument:文档类LayoutAnchorablePaneGroup:可停靠窗格组类LayoutDocumentPaneGroup:文档窗格组类小结具体的用法1.通

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

介绍

AvalonDock 是一个开源项目,用于创建可停靠式布局,能够在WPF中方便开发出类似VS2010的软件界面。

下载地址:http://avalondock.codeplex.com/releases/view/107371
AvalonDock效果截图
在这里插入图片描述

AvalonDock库中的基本类

AvalonDock库中提供了一些基本的类,熟悉这些类的功能是使用AvalonDock的第一步。

DockingManager:停靠管理器类

DockingManage是AvalonDock中的核心控件之一,负责管理浮动窗体、布局存储、恢复,样式主题等。在XAML中,是AvaDock元素的根节点。

LayoutRoot : 布局根节点类

LayoutRoot 是DockingManager中的内容控件完全占满DockingManager中的空间。
LayoutRoot属性:LeftSide,RightSide,TopSide,BottomSide,分别用于展示DockingManager中左右上下四个位置的内容,但初始状态为隐藏状态。
FloatingWindows,Hidden分别为浮动窗体集合和隐藏窗体集合。当一个窗格浮动时,AvalonDock会将其从其所在组中删除,然后放置到FloatingWindows集合中。当一个窗格关闭时,会将其放置在Hidden集合中。

LayoutPanel:布局面板类

LayoutPanel是LayoutRoot中的内容控件,完全占满LayoutRoot中的空间;在LayoutPanel中,可以有多个LayoutGroup;
LayoutPanel可以设定Orientation 属性,控件布局组的浮动方向。实际的窗格都位于LayoutPanel节点下。

LayoutAnchorablePane:可停靠窗格类

可浮动窗格是可停靠控件LayoutAnchorable的容器。
一个窗格中,可以有多个可停靠控件。浮动窗格中的可停靠控件只能是LayoutAnchorable.窗格大小设定后,不能自动改变。

LayoutAnchorable:可停靠内容类

一般放置在LayoutAnchorablePane中,其内容可以是用户自定义控件类型,比如,在UserControl中设置好WPF基础控件布局,然后将整个UserControl放置在LayoutAnchorable中,这样,整个UserControl内容就可以随着可停靠控件一起浮动或者停靠。

LayoutDocumentPane:文档窗格类

与LayoutAnchorablePane类似,也是可停靠控件的容器; 文档窗格类中可以放置可停靠控件LayoutAnchorable,也可以放置文档控件LayoutDocument;
LayoutDocunemtPane会自动占满窗体的窗体布局中的剩余空间。

LayoutDocument:文档类

与LayoutAnchorable功能类似,区别在于LayoutDoucument会随着LayoutDocumentPane一起占满窗体剩余空间。

LayoutAnchorablePaneGroup:可停靠窗格组类

LayoutAnchorablePaneGroup是可停靠窗格LayoutAnchorablePane的容器。通过设置Orientation 属性,用于管理多个可停靠窗格的浮动方向。

LayoutDocumentPaneGroup:文档窗格组类

LayoutDocumentPaneGroup是文档窗格LayoutDocumentPane的容器。通过设置Orientation 属性,用于管理多个文档窗格的浮动方向。

小结

其实AvalonDock中的类有着明显的层次结构,就是容器的嵌套。DockingManager作为顶层容器,然后包含一个LayoutRoot对象,LayoutRoot中又包含一个LayoutPanel对象。LayoutPanel中便是LayoutAnchroablePane对象和LayouDocumentPane对象的集合。同时,可以对LayoutAnchroablePane对象和LayouDocumentPane对象进行分组,每个组可以单独设定组内的浮动方向。LayoutAnchorablePane又是LayoutAnchorable的容器,LayioutDocumanePane又是LayoutDocument的容器。一层一层进行嵌套,在最后的LayoutAnchorable中或者LayoutDocument中,我们放入我们真正的控件对象,这样,就可以对他们进行分类摆放布局

具体的用法

下面介绍具体的用法。

1. 通过Nuget添加 AvalonDock控件

在这里插入图片描述
在这里插入图片描述

2. 引用命名空间
 xmlns:AvDock="http://schemas.xceed.com/wpf/xaml/avalondock"
3. 添加布局面板
        <AvDock:DockingManager>
            <AvDock:LayoutRoot>
                <AvDock:LayoutPanel Orientation="Horizontal">
                    <AvDock:LayoutAnchorablePaneGroup x:Name="LeftPanels">
                        <AvDock:LayoutAnchorablePane DockWidth="100">
                        </AvDock:LayoutAnchorablePane>
                        <AvDock:LayoutAnchorablePane DockWidth="200" x:Name="LeftPanel1">
                            <AvDock:LayoutAnchorable x:Name="LeftPanel1Region" Title="LeftPanel1Region">
                            </AvDock:LayoutAnchorable>
                        </AvDock:LayoutAnchorablePane>
                    </AvDock:LayoutAnchorablePaneGroup>
                    <AvDock:LayoutAnchorablePaneGroup x:Name="RightPanels">
                        <AvDock:LayoutAnchorablePane DockWidth="300" x:Name="RightPanel1">
                            <AvDock:LayoutAnchorable x:Name="RightPanel1Region" Title="RightPanel1Region">
                            </AvDock:LayoutAnchorable>
                        </AvDock:LayoutAnchorablePane>
                    </AvDock:LayoutAnchorablePaneGroup>
                </AvDock:LayoutPanel>
            </AvDock:LayoutRoot>
        </AvDock:DockingManager>
4. 运行效果

在这里插入图片描述
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/162143.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Android P版本应用兼容性适配技术指导「建议收藏」

    ndroidP版本中伴随很多机制和新增特性的改变,对自研以及第三方应用带来了很多兼容性问题。本文档第1章主要介绍谷歌P版本开发环境搭建以及调试;第2章节主要是对P版本兼容性现状一些摸底测试情况以及问题分类;第3章节主要是P版本一些特性介绍以及应用适配P版本的一些开发指导。1. AndroidP背景1.1AndroidP版本里程碑Preview1 (initialrelease,alp…

  • 【spring】注解方式的bean管理

    【spring】注解方式的bean管理【spring】注解方式的bean管理

  • 广度优先搜索 BFS

    广度优先搜索 BFS

  • Vue刷新当前页面几种方式

    Vue刷新当前页面几种方式问题:最近些日子项目中突然碰到了一个需求,再完成编辑操作之后需要进行页面刷新,通过实验有如下几种姿势可以解决需求中的问题,下面进行简单总结如下。姿势一:this.$router.go(0)这个姿势是利用了history中前进和后退的功能,传入0刷新当前页面。但是有一个问题就是页面整个刷新过程中会白屏,严重影响用户的体验感,效果不好。this.$router.go(0)姿势二:location.reload()这个姿势是利用了直接使用刷新当前页面的方法。但是同样存在有一个问题就是页

    2022年10月16日
  • python京东自动签到领金豆_github京东自动签到

    python京东自动签到领金豆_github京东自动签到一.介绍PhantomJS是一个基于WebKit的JavaScriptAPI,它使用QtWebKit作为它核心浏览器的功能,使用WebKit来编译解释执行JavaScript代码,任何你可以在基于WebKit浏览器做的事情,它都能做到。Selenium是一个用于Web应用自动化程序测试的工具,可以让浏览器自动加载页面,获取需要的数据,Selenium自己不带浏览器,所以需要和PhantomJS、…

  • ps去色的用法_索尼已经断气了.jpg

    ps去色的用法_索尼已经断气了.jpg原图1、ctrl+shift+u即去色2、ctrl+u降饱和度到最低3、图像——调整——渐变映射(前景色为黑色,背景色为白色或设置渐变为从黑到白)4、图像——调整——通道混合器勾选单色框5、图像——模式——灰度;再图像——模式——RGB6、图像——计算(调整好)——进入通道面板——复制Alpha1通道入图层7、进入通道面板——复制R、G、B任一效果最好的单色通道入图层8

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号