领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

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

nixiaole 2025-06-30 19:10:11 知识剖析 1 ℃

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

主要特性

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

入门指南

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

Alt text

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

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

最简 XAML 示例

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

<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 多文档界面演示

MDI 演示

MahApps.Metro 主题样式

MahApps 样式

Tags:

最近发表
标签列表