微信公众号：Dotnet9，网站：Dotnet9，问题或建议，请网站留言； 如果您觉得Dotnet9对您有帮助，欢迎赞赏

C# WPF 响应式布局和抽屉式菜单导航

内容目录

1. 实现效果
2. 业务场景
3. 编码实现
4. 本文参考
5. 源码下载

1.实现效果

效果

2.业务场景

常规业务

3.编码实现

3.1 添加Nuget库

使用 .Net Core 3.1 创建名为 “ResponsiveLayout” 的WPF解决方案，添加两个Nuget库：MaterialDesignThemes和MaterialDesignColors。

MaterialDesign控件库

3.2 工程结构

3个文件变动：

1. App.xaml：添加MD控件样式
2. MainWindow.xaml：主窗口实现效果
3. MainWindow.xaml.cs：主窗口后台实现抽屉菜单开和闭

3.3 App.xaml引入MD控件样式

关键样式引用代码

3.4 主窗体 MainWindow.xaml

全部代码，菜单及右侧布局

3.5 MainWindow.xaml.cs

关键代码，简单的菜单开、闭动画播放

private void Button_Click(object sender, RoutedEventArgs e){    if (MenuClosed)    {        Storyboard openMenu = (Storyboard)button.FindResource("OpenMenu");        openMenu.Begin();    }    else    {        Storyboard closeMenu = (Storyboard)button.FindResource("CloseMenu");        closeMenu.Begin();    }    MenuClosed = !MenuClosed;}

4.本文参考

Design com WPF 大神的学习视频：Responsive Layout and Menu Navigation Drawer
开源控件库：MaterialDesignInXamlToolkit
本站对MD开源控件库的介绍：控件介绍

5.代码下载

Github源码下载：ResponsiveLayout

除非注明，文章均由 Dotnet9 整理发布，欢迎转载。

转载请注明本文地址：https://dotnet9.com/6833.html

推荐阅读：徐州之窗