WPF实现选项卡效果（1）——使用AvalonDock

最新推荐文章于 2025-07-09 21:08:30 发布

诗人江湖老

最新推荐文章于 2025-07-09 21:08:30 发布

阅读量3.6w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： WPF开发文章标签： WPF WPF选项卡 Avalon AvalonDock WPF自定义选项卡

本文链接：https://blog.youkuaiyun.com/honantic/article/details/45965965

本文介绍了如何在WPF项目中使用AvalonDock控件来实现类似VS的选项卡效果。通过创建WPF项目，添加AvalonDock引用，并运行程序，展示了在不写C#代码的情况下，利用AvalonDock达到预期的选项卡界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

　　公司最近一个项目，软件采用WPF开发，需要实现类似于VS的选项卡(或者是浏览器的选项卡)效果。搜寻诸多资料后，发现很多同仁推荐AvalonDock这款开源控件。在其官方地址下载源码和Demo后，对其进行了初步的研究，初步实现了预期效果。
　　完整系列
　　● 第一部分
　　● 第二部分
　　● 第三部分
　　在Git中下载工程源码

AvalonDocking的结构树

　　在下载的Demo中，我们可以发现AvalonDock的可视化结构树如下:

<avalon:DockingManager x:Name="dockingManager">
            <avalon:LayoutRoot>
                <avalon:LayoutPanel Orientation="Horizontal">
                    <avalon:LayoutDocumentPane DockWidth="300">
                        <avalon:LayoutAnchorable Title="Sample Tool Pane">
                            <TextBox />
                        </avalon:LayoutAnchorable>
                    </avalon:LayoutDocumentPane>
                </avalon:LayoutPanel>
            </avalon:LayoutRoot>
        </avalon:DockingManager>