阅读导航
- 本文背景
- 代码实现
- 本文参考
- 源码
1. 本文背景
本文介绍使用第三方开源库 Dragablz 实现可拖拽的 TabControl，本文代码效果图如下：
2. 代码实现
使用 .Net Framework 4.8 创建名为 “TabMenu2” 的WPF模板项目，添加三个Nuget库：MaterialDesignThemes、MaterialDesignColors 和 Dragablz，其中 TabControl 的拖拽功能是由 Dragablz 库实现的。
以下为三个库具体版本：
解决方案主要文件目录组织结构：
- TabMenu2
- App.xaml
- MainWindow.xaml
- MainWIndow.xaml.cs
注：站长尝试使用 .NET CORE 3.1 创建WPF项目，但 Dragablz 库暂时未提供 .NET CORE 的版本。想着自己编译 Dragablz 的 .NET CORE 版本，奈何功力不够，改了一些源码，最后放弃了。文中代码及文末给出的 Demo 运行程序需要在 .NET Framework 4.0 运行时环境下运行，想尝试编译 Dragablz 库的朋友可在文末给出的链接中下载编译。
2.1 引入样式
文件【App.xaml】，在 StartupUri 中设置启动的视图【MainWindow.xaml】，并在【Application.Resources】节点增加 MaterialDesignThemes 和 Dragablz 库的样式文件：
2.2 演示窗体布局
文件【MainWindow.xaml】，引入 MaterialDesignThemes 和 Dragablz 库的命名空间，【dragablz:TabablzControl】为 Dragablz 库封装的 TabControl，使用方式和原生控件类似，单项标签依然使用 TabItem，使用起来很简单，源码如下：
https://dotnet9.com https://dotnet9.com/questions-and-answers https://dotnet9.com 后台代码【MainWindow.xaml.cs】实现鼠标左键拖动窗体、右上角关闭窗体、超链接打开网站等功能：
private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){ DragMove();}private void Close_Click(object sender, RoutedEventArgs e){ this.Close();}private void ShowWeb_Click(object sender, RoutedEventArgs e){ Process.Start((sender as Hyperlink).Tag.ToString());}3.本文参考
- 视频一：C# WPF Material Design UI: Tab Menu，配套源码：TabMenu2。
- C# WPF开源控件库《MaterialDesignInXAML》
- Dragablz-C# WPF可拖拽的TabControl控件
4.源码
效果图实现代码在文中已经全部给出，可直接Copy，按解决方案目录组织代码文件即可运行。
演示Demo(点击下载->DragTabControl，2.39 MB)目录结构：
- DragTabControl
- TabMenu2.exe
- Dragablz.dll
- MaterialDesignThemes.Wpf.dll
- MaterialDesignColors.dll
除非注明，文章均由 Dotnet9 整理发布，欢迎转载。
转载请注明本文地址：https://dotnet9.com/7391.html
时间如流水，只能流去不流回！
点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！
推荐阅读：遂宁城市网