可托拉拽的WPF选项卡控件，强大好用！

梦里梦外; 2024-03-22 21:56 10阅读 0赞

推荐一个简单易用的WPF选项卡控件。

## **项目简介** ##

这是一个基于WPF开发的，可扩展、高度可定制、轻量级的UI组件，支持拖拉拽功能，可以让开发人员快速实现需要选项卡窗口的系统。

## **特色功能** ##

1、拖拉拽标签；

2、浮动的窗口、多文档界面；

3、支持MVVM；

4、支持Chrome风格的标签、支持IE风格的透明风格；

5、可自定义样式；

6、支持调整窗口透明度、窗口大小、最大化等样式；

7、支持.Net 4.\* Framework。

## **项目结构** ##

![图片][f1032fbe9c70687cfe175d09dc141358.png]

## **使用方法** ##

**1、**该控件TabablzControl是继承于标准控件TabControl，所以使用方法与TabControl类似。

![图片][4a01e48781930d59680de9eb515390f6.png]

**2、**实现接口IInterTabClient，实现自定义

![图片][d76de0c6fbd19fc544290d0169a4d4af.png]

把InterTabController 绑定至TabablzControl。

<dragablz:InterTabController InterTabClient="{Binding MyInterTabClientInstance}" />

## **部分效果截图** ##

**普通标签页**

![图片][9d292e4f23f40ffec0000ae14ccb03c6.png]

**拖拉新窗口**

![图片][43e5c84b37ec675a552492b1cbb3e0b4.png]

**样式自定义**

![图片][c14ccccef61210337be03a9cf6ac9584.png]

**多文档窗口**

![图片][193bbf6dd03df7f251d8ba03306a03cf.png]

**多种布局**

![图片][f9e8f091d9ce79e2695634eac1bb37f1.png]

**按钮**

![图片][bd5aeb04700cc680dfebe84693a7302d.png]

[f1032fbe9c70687cfe175d09dc141358.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/4452ea11169c44e9bc562cf8719912f0.png
[4a01e48781930d59680de9eb515390f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/69d65686002d4dd3b1be2125a2e03417.png
[d76de0c6fbd19fc544290d0169a4d4af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/26586431470d44e0ad54198741ac1ff0.png
[9d292e4f23f40ffec0000ae14ccb03c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/55d36db593094948a0243de3dad5aefe.png
[43e5c84b37ec675a552492b1cbb3e0b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e812f0e7a49f41baa2c12bc894cc6155.png
[c14ccccef61210337be03a9cf6ac9584.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b470a6175e7149fca375193f171fcc64.png
[193bbf6dd03df7f251d8ba03306a03cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/112228e4656d48e3a1e16550673dbb61.png
[f9e8f091d9ce79e2695634eac1bb37f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/4323aecb39c94921a60e392e810504b7.png
[bd5aeb04700cc680dfebe84693a7302d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/f9b4cdcd42c84b4cbd7a288fcb614e00.png