前言：
当前小伙伴们对“wpf threejs”大约比较关心，小伙伴们都想要学习一些“wpf threejs”的相关资讯。那么小编也在网络上收集了一些关于“wpf threejs””的相关文章，希望兄弟们能喜欢，同学们一起来学习一下吧！阅读导航
本文背景代码实现本文参考源码1. 本文背景
本文介绍使用第三方开源库 Dragablz 实现可拖拽的 TabControl，本文代码效果图如下：
2. 代码实现
使用 .Net Framework 4.8 创建名为 “TabMenu2” 的WPF模板项目，添加三个Nuget库：MaterialDesignThemes、MaterialDesignColors 和 Dragablz，其中 TabControl 的拖拽功能是由 Dragablz 库实现的。
以下为三个库具体版本：
<?xml version="1.0" encoding="utf-8"?><packages> <package id="Dragablz" version="0.0.3.203" targetFramework="net45" /> <package id="MaterialDesignColors" version="1.2.3-ci948" targetFramework="net48" /> <package id="MaterialDesignThemes" version="3.1.0-ci948" targetFramework="net48" /></packages>
解决方案主要文件目录组织结构：
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 库的样式文件：
<Application x:Class="TabMenu2.App" xmlns="; xmlns:x="; xmlns:dragablz="clr-namespace:Dragablz;assembly=Dragablz" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <!-- primary color --> <ResourceDictionary> <!-- include your primary palette --> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/MaterialDesignColor.purple.xaml" /> </ResourceDictionary.MergedDictionaries> <!-- include three hues from the primary palette (and the associated forecolours). Do not rename, keep in sequence; light to dark. --> <SolidColorBrush x:Key="PrimaryHueLightBrush" Color="{StaticResource Primary100}"/> <SolidColorBrush x:Key="PrimaryHueLightForegroundBrush" Color="{StaticResource Primary100Foreground}"/> <SolidColorBrush x:Key="PrimaryHueMidBrush" Color="{StaticResource Primary500}"/> <SolidColorBrush x:Key="PrimaryHueMidForegroundBrush" Color="{StaticResource Primary500Foreground}"/> <SolidColorBrush x:Key="PrimaryHueDarkBrush" Color="{StaticResource Primary700}"/> <SolidColorBrush x:Key="PrimaryHueDarkForegroundBrush" Color="{StaticResource Primary700Foreground}"/> </ResourceDictionary> <!-- secondary colour --> <ResourceDictionary> <!-- include your secondary pallette --> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/MaterialDesignColor.purple.xaml" /> </ResourceDictionary.MergedDictionaries> <!-- include a single secondary accent color (and the associated forecolour) --> <SolidColorBrush x:Key="SecondaryAccentBrush" Color="{StaticResource Accent200}"/> <SolidColorBrush x:Key="SecondaryAccentForegroundBrush" Color="{StaticResource Accent200Foreground}"/> </ResourceDictionary> <!-- Include the Dragablz Material Design style --> <ResourceDictionary Source="pack://application:,,,/Dragablz;component/Themes/materialdesign.xaml"/> <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" /> </ResourceDictionary.MergedDictionaries> <!-- tell Dragablz tab control to use the Material Design theme --> <Style TargetType="{x:Type dragablz:TabablzControl}" BasedOn="{StaticResource MaterialDesignTabablzControlStyle}" /> </ResourceDictionary> </Application.Resources></Application>2.2 演示窗体布局文件【MainWindow.xaml】，引入 MaterialDesignThemes 和 Dragablz 库的命名空间，【dragablz:TabablzControl】为 Dragablz 库封装的 TabControl，使用方式和原生控件类似，单项标签依然使用 TabItem，使用起来很简单，源码如下：
<Window x:Class="TabMenu2.MainWindow" xmlns="; xmlns:materialDesign="; xmlns:d="; xmlns:x="; xmlns:mc="; xmlns:dragablz="clr-namespace:Dragablz;assembly=Dragablz" mc:Ignorable="d" Height="600" Width="1080" ResizeMode="NoResize" WindowStartupLocation="CenterScreen" MouseLeftButtonDown="Window_MouseLeftButtonDown" WindowStyle="None"> <Grid> <Grid Height="60" VerticalAlignment="Top" Background="#FF9C27B0"> <TextBlock Text="Dotnet9.com：可拖拽TabControl" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" FontFamily="Champagne & Limousines" /> <Button HorizontalAlignment="Right" VerticalAlignment="Center" Background="{x:Null}" BorderBrush="{x:Null}" Click="Close_Click"> <materialDesign:PackIcon Kind="Close"/> </Button> </Grid> <Grid Margin="0 60 0 0"> <dragablz:TabablzControl> <dragablz:TabablzControl.InterTabController> <dragablz:InterTabController/> </dragablz:TabablzControl.InterTabController> <TabItem Header="首页"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBlock FontSize="30" HorizontalAlignment="Center" VerticalAlignment="Center"> <Run Text="欢迎访问Dotnet9的博客："/> <Hyperlink Click="ShowWeb_Click" Tag=";>;/Hyperlink> </TextBlock> <WebBrowser Grid.Row="1" Margin="5" Source=";/> </Grid> </TabItem> <TabItem Header="设计"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBlock Text="为用户体验服务！" FontSize="30" HorizontalAlignment="Center" VerticalAlignment="Center"/> <WebBrowser Grid.Row="1" Margin="5" Source=";/> </Grid> </TabItem> <TabItem Header="帮助"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBlock FontSize="30" HorizontalAlignment="Center" VerticalAlignment="Center"> <Run Text="问答社区："/> <Hyperlink Click="ShowWeb_Click" Tag=";>;/Hyperlink> </TextBlock> <WebBrowser Grid.Row="1" Margin="5" Source=";/> </Grid> </TabItem> <TabItem> <TabItem.Header> <Image Source=";/> </TabItem.Header> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30"> <Hyperlink Click="ShowWeb_Click" Tag=";>;/Hyperlink> </TextBlock> <WebBrowser Grid.Row="1" Margin="5" Source=";/> </Grid> </TabItem> </dragablz:TabablzControl> </Grid> </Grid></Window>后台代码【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 整理发布，欢迎转载。
转载请注明本文地址：
时间如流水，只能流去不流回！
点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #wpf threejs
