首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Dragablz:WPF可拖拽拆分标签页控件(支持停靠、工具窗口和 MDI)

Dragablz:WPF可拖拽拆分标签页控件(支持停靠、工具窗口和 MDI)

作者头像
郑子铭
发布2025-07-12 15:42:51
发布2025-07-12 15:42:51
13400
代码可运行
举报
运行总次数:0
代码可运行

Dragablz 是一个功能强大的 WPF 控件库,提供了可拖动、撕下、停靠的标签页控件,适用于构建类似 Visual Studio 的多文档界面(MDI)或浮动工具窗口。它不仅支持 MVVM 模式,还内置多种现代 UI 主题,如 MahApps.Metro 和 Material Design。

主要特性

  • • ✅ 支持拖动与撕下标签页
  • • ✅ 用户友好的停靠功能
  • • ✅ 浮动工具窗口与 MDI(多文档界面)
  • • ✅ 支持 MVVM 模式
  • • ✅ 类似 IE 的透明窗口风格
  • • ✅ 完全可自定义样式
  • • ✅ Chrome 风格的梯形标签页
  • • ✅ 自定义窗口支持透明、调整大小、吸附及完整内容显示
  • • ✅ 极少的 XAML 配置即可使用,同时提供 API 接口供高级控制
  • • ✅ 单一轻量级程序集,面向 .NET Framework 4.x,无额外依赖
  • • ✅ 源码中包含多个示例(记得恢复 NuGet 包)

入门指南

  • • 入门指南
  • • MDI 实现
  • • MahApps 样式集成
  • • Material Design 主题 1
  • • Material Design 主题 2
Alt text
Alt text

展示基础主题样式,页面底部包含更多主题示例

  • • 文档与帮助:dragablz.net
  • • NuGet 下载地址:http://www.nuget.org/packages/Dragablz/

最简 XAML 示例

以下是最简单的 XAML 使用方式,使用基础主题实现可撕下的标签页:

代码语言:javascript
代码运行次数:0
运行
复制
<dragablz:TabablzControl Margin="8">
    <dragablz:TabablzControl.InterTabController>
        <dragablz:InterTabController />
    </dragablz:TabablzControl.InterTabController>
    <TabItem Header="标签页 1" IsSelected="True">
        <TextBlock>Hello World</TextBlock>
    </TabItem>
    <TabItem Header="标签页 2">
        <TextBlock>我们拥有可拆分的标签页!</TextBlock>
    </TabItem>
</dragablz:TabablzControl>

示例效果

停靠功能演示

停靠演示
停靠演示

停靠演示

MDI 多文档界面演示

图片
图片

MahApps.Metro 主题样式

MahApps 样式
MahApps 样式
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-07-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 DotNet NB 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 主要特性
  • 入门指南
    • 最简 XAML 示例
  • 示例效果
    • 停靠功能演示
    • MDI 多文档界面演示
    • MahApps.Metro 主题样式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档