C#-WPF实现抽屉效果SplitView-炫酷漂亮的侧边菜单效果+MD主题重绘原生控件的美观效果-源码Demo下载

共138个文件

cache：44个

cs：27个

editorconfig：19个

wpf

SplitView

4星 · 超过85%的资源需积分: 5 194 浏览量 2021-04-11 18:07:01 上传评论 3 收藏 3.01MB ZIP 举报

在本文中，我们将深入探讨如何使用C#和WPF（Windows Presentation Foundation）技术来实现一个具有抽屉效果的SplitView控件，以及如何通过MD（Material Design）主题重绘原生控件，以达到美观的效果。这个源码Demo提供了一个实际的示例，帮助开发者更好地理解和应用这些概念。让我们关注SplitView控件。SplitView是WPF框架中用于构建现代UI设计的一种组件，它模仿了移动设备上常见的滑动抽屉菜单，常用于导航。在Windows 10及更高版本的应用程序中，SplitView提供了一种灵活的方式来显示隐藏的侧边栏内容，如导航菜单或设置选项。抽屉效果使得用户可以轻松地在主内容和侧边栏之间切换，而不会干扰主要内容的显示。实现SplitView抽屉效果的关键在于理解SplitView的几个主要属性和模式： 1. **DisplayMode**：SplitView有几种不同的展示模式，包括Inline、Overlay和CompactOverlay。在抽屉效果中，通常会使用CompactOverlay模式，当侧边栏打开时，它会在主内容上方覆盖一部分区域。 2. **PaneToggleVisibility**：这个属性控制抽屉菜单的可见性。可以通过绑定到按钮或其他触发器来切换其状态。 3. **PaneWidth**：定义抽屉菜单的宽度。可以根据需求调整以达到理想的效果。 4. **Pane** 和 **Content**：这两个区域分别定义了抽屉菜单和主要内容的布局。接下来，我们要讨论的是MD（Material Design）主题。MD是一种由Google推出的界面设计语言，强调简洁、清晰和响应式的设计原则，广泛应用于Android和Web应用程序。在WPF中，我们可以通过自定义样式和模板来应用MD主题，使控件看起来更加现代和美观。为了重绘原生控件，我们需要做以下步骤： 1. **导入Material Design库**：你需要在项目中引入Material Design In XAML Toolkit库，它为WPF提供了许多预定义的MD样式和控件。 2. **设置全局资源**：将库提供的ThemeDictionary添加到应用程序的资源字典中，这将替换默认的WPF控件样式。 3. **自定义控件样式**：如果需要进一步定制，可以在资源字典中创建新的控件样式，覆盖库中的默认样式。 4. **应用样式**：将自定义或预定义的样式应用到控件上，以实现一致的MD外观。在提供的源码Demo中，`DrawerMenuStyle.sln`是解决方案文件，包含了整个项目的配置和依赖关系。`DrawerMenuStyle`可能是项目的主要工程，其中包含实现抽屉效果和MD主题重绘的代码和资源文件。通过查看和运行这个Demo，你可以更直观地了解SplitView和MD主题在实际开发中的应用。 C#和WPF的结合为我们提供了强大的工具来创建具有抽屉效果和美观界面的应用程序。SplitView控件和Material Design主题的运用，使得桌面应用也能拥有与现代移动应用相媲美的用户体验。通过研究和实践这个源码Demo，开发者可以提升自己在UI设计和交互方面的技能，同时为用户提供更佳的视觉享受。

资源详情

资源评论

资源推荐

收起资源包目录

C#-WPF实现抽屉效果SplitView-炫酷漂亮的侧边菜单效果+MD主题重绘原生控件的美观效果-源码Demo下载（138个子文件）

MainWindow.baml 13KB

App.baml 1KB

DrawerMenuStyle_0llkdh2k_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_vj42sava_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_slieusl0_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_4ejbp0if_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_w4lgghgz_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_axe25pol_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_jysx3ugj_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_j3biwypt_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_h5yzdus0_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_y2imfdpv_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_rjsdz3c2_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_vpuhfg4u_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_23tgclzj_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_jckbiyk4_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_kfa2ofy4_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle_rzloj2ng_wpftmp.csproj.BuildWithSkipAnalyzers 0B

DrawerMenuStyle.csproj.AssemblyReference.cache 111KB

DrawerMenuStyle_vpuhfg4u_wpftmp.assets.cache 2KB

DrawerMenuStyle_0llkdh2k_wpftmp.assets.cache 2KB

DrawerMenuStyle.assets.cache 2KB

DrawerMenuStyle_23tgclzj_wpftmp.assets.cache 2KB

DrawerMenuStyle_kfa2ofy4_wpftmp.assets.cache 2KB

DrawerMenuStyle_jysx3ugj_wpftmp.assets.cache 2KB

DrawerMenuStyle_4ejbp0if_wpftmp.assets.cache 2KB

DrawerMenuStyle_y2imfdpv_wpftmp.assets.cache 2KB

DrawerMenuStyle_vj42sava_wpftmp.assets.cache 2KB

DrawerMenuStyle_rjsdz3c2_wpftmp.assets.cache 2KB

DrawerMenuStyle_h5yzdus0_wpftmp.assets.cache 2KB

DrawerMenuStyle_jx3g1zre_wpftmp.assets.cache 2KB

DrawerMenuStyle_rzloj2ng_wpftmp.assets.cache 2KB

DrawerMenuStyle_j3biwypt_wpftmp.assets.cache 2KB

DrawerMenuStyle_w4lgghgz_wpftmp.assets.cache 2KB

DrawerMenuStyle_jckbiyk4_wpftmp.assets.cache 2KB

DrawerMenuStyle_kdb4gknn_wpftmp.assets.cache 2KB

DrawerMenuStyle_slieusl0_wpftmp.assets.cache 2KB

DrawerMenuStyle_axe25pol_wpftmp.assets.cache 2KB

project.nuget.cache 685B

DrawerMenuStyle_MarkupCompile.i.cache 328B

DrawerMenuStyle_MarkupCompile.cache 324B

DrawerMenuStyle_rzloj2ng_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_vj42sava_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_kfa2ofy4_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_axe25pol_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_rjsdz3c2_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_j3biwypt_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_jysx3ugj_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_4ejbp0if_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_kdb4gknn_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_23tgclzj_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_y2imfdpv_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle.csproj.CoreCompileInputs.cache 42B

DrawerMenuStyle.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_jckbiyk4_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle.genruntimeconfig.cache 42B

DrawerMenuStyle_h5yzdus0_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_slieusl0_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_0llkdh2k_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_jx3g1zre_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_vpuhfg4u_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle_w4lgghgz_wpftmp.AssemblyInfoInputs.cache 42B

DrawerMenuStyle.csproj.CopyComplete 0B

MainWindow.g.cs 9KB

MainWindow.g.i.cs 9KB

App.g.i.cs 3KB

App.g.cs 3KB

MainWindow.xaml.cs 2KB

DrawerMenuStyle_rjsdz3c2_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_23tgclzj_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_kfa2ofy4_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_jckbiyk4_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_axe25pol_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_vj42sava_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_rzloj2ng_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle.AssemblyInfo.cs 1KB

DrawerMenuStyle_y2imfdpv_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_h5yzdus0_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_jysx3ugj_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_vpuhfg4u_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_0llkdh2k_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_jx3g1zre_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_4ejbp0if_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_w4lgghgz_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_kdb4gknn_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_j3biwypt_wpftmp.AssemblyInfo.cs 1KB

DrawerMenuStyle_slieusl0_wpftmp.AssemblyInfo.cs 1KB

AssemblyInfo.cs 605B

App.xaml.cs 348B

.NETCoreApp,Version=v6.0.AssemblyAttributes.cs 198B

DrawerMenuStyle.csproj 392B

MaterialDesignThemes.Wpf.dll 9.1MB

MaterialDesignColors.dll 296KB

Microsoft.Xaml.Behaviors.dll 142KB

DrawerMenuStyle.dll 23KB

DrawerMenuStyle.dll 7KB

DrawerMenuStyle_0llkdh2k_wpftmp.GeneratedMSBuildEditorConfig.editorconfig 535B

共 138 条

D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\DrawerMenuStyle.exe D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\DrawerMenuStyle.deps.json D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\DrawerMenuStyle.runtimeconfig.json D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\DrawerMenuStyle.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\DrawerMenuStyle.pdb D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\MaterialDesignColors.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\MaterialDesignThemes.Wpf.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\bin\Debug\net6.0-windows\Microsoft.Xaml.Behaviors.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.csproj.AssemblyReference.cache D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\MainWindow.g.cs D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\App.g.cs D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle_MarkupCompile.cache D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle_MarkupCompile.lref D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\App.baml D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\MainWindow.baml D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.g.resources D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.GeneratedMSBuildEditorConfig.editorconfig D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.AssemblyInfoInputs.cache D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.AssemblyInfo.cs D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.csproj.CoreCompileInputs.cache D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.csproj.CopyComplete D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\refint\DrawerMenuStyle.dll D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.pdb D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\DrawerMenuStyle.genruntimeconfig.cache D:\02.DrawerMenuStyle\DrawerMenuStyle\DrawerMenuStyle\obj\Debug\net6.0-windows\ref\DrawerMenuStyle.dll